+ -
当前位置:首页 → 问答吧 → 如果不在页面fotter层下面加一个清除浮动,

如果不在页面fotter层下面加一个清除浮动,

时间:2010-10-16

来源:互联网


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>快乐交友.快乐所有</title> <style type="text/css"> <!-- body { margin: 0px; background: #9A3310 url(image/bg.jpg) repeat-x;} .mainbody { width: 946px; float:left; background: #ac5314 url(image/bg_1.jpg) repeat-x;} .top_header { width:946px; height: 151px; background: url(image/top_header.jpg);} .jifen_content {width: 888px;} .content_t_l{ width: 267px; height:184px; background: url(image/jifen_01.jpg); float:left;} .content_t_r{width: 621px; height:184px; background: url(image/jifen_02.jpg); float:left;} .content_b_l{width: 267px; height:279px; background: url(image/jifen_03.jpg); float:left;} .content_b_r{width: 621px; height:279px; background: url(image/jifen_04.jpg); float:left;} .cj_content{width:888px; float: left; clear:both; margin-top: 15px;} .cj_top {width:888px; height: 50px; background: url(image/cj_top.jpg);} .cj_b_l {width: 267px; height:619px; background: url(image/cj_b1.jpg); float:left; } .cj_b_r {width: 621px; height:619px; background: url(image/cj_b2.jpg); float:left;} .fotter {width: 888px;float: left; clear:both; margin-top: 15px; margin-bottom: 15px;} .fotter_l{width: 97px; height: 72px; float: left; background: url(image/f_left.jpg);} .fotter_c{width: 700px; height: 72px; float: left; background: #f3e8c2; font-size: 14px; line-height: 72px; color: #666666; text-align: center;} .fotter_r{width: 91px; height: 72px; float: left; background: url(image/f_right.jpg);} --> </style> </head> <body> <div style="margin: 0px auto; width:946px;"> <div class="mainbody"> <div class="top_header"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="946" height="130"> <param name="movie" value="http://event2.wanmei.com/jsp/zxday/top.swf" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> <param name="quality" value="Best" /> <embed src="http://event2.wanmei.com/jsp/zxday/top.swf" width="946" height="130" wmode="transparent"></embed> </object></div> <div style="margin: 0px auto; width: 888px;"> <div class="jifen_content"> <div class="content_t_l"></div> <div class="content_t_r">fdaffasfas</div> <div class="content_b_l"></div> <div class="content_b_r"></div> </div><!--活动介绍部分结束--> <div class="cj_content"> <div class="cj_top"></div> <div class="cj_b_l"></div> <div class="cj_b_r"></div> </div><!--抽奖部分结束--> <div class="fotter"> <div class="fotter_l"></div> <div class="fotter_c"> Copyright&copy;2010 All Rights Reserved.同城会TChui.com </div> <div class="fotter_r"></div> </div><!--fotter结束--> <div style="clear: both;"></div> </div><!--居中结束--> </div><!--mainbody结束--> </div><!--总居中结束--> </body> </html>
 提示:您可以先修改部分代码再运行
如果不在页面fotter层下面加一个<div style="clear: both;"></div>清除浮动,还有没有在IE7下给fotter设margin-bottom的办法的..

[ 本帖最后由 luck2010bin 于 2010-10-16 14:46 编辑 ]

作者: luck2010bin   发布时间: 2010-10-16

都没有人吗? 来个高手啊

作者: luck2010bin   发布时间: 2010-10-16

热门下载

更多