当前位置：首页 → 问答吧 → 布局的问题，求助

布局的问题，求助

时间：2011-04-03

来源：互联网

左右布局，
页面宽度自动伸展的情况下；

右侧采用绝对定位，固定宽度

左侧采用margin-right:右侧宽度

在左侧框架内循环float浮动的DIV时，浮动到一定数量时，ie6 7好像好像不能自动换行；

请各位高手帮忙解答一下，谢谢！

<!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> #page { width:auto;} #page #content{ position:relative; width:auto;padding:18px 12px; border-top:1px dashed #555; } #page #content #minor{position:absolute; right:12px; top:18px; width:250px; height:300px; background:#eee;} #page #content #main{margin-right:380px;} .float{ float:left; width:100px; margin-right:12px;} </style> </head> <body> <div id="page"> <div id="content"> <div id="minor"></div> <div id="main"> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> <div class="float">浮动浮动浮动</div> </div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: wmoo 发布时间: 2011-04-03

补充一下，<div class="float">浮动浮动浮动</div>还是会自动换行，但是左侧的宽度已经设置边距了（margin-right:380px），浮动在显示的时候好像这个参数没有起作用！

请大家帮忙检查一下什么问题!

[ 本帖最后由 wmoo 于 2011-4-3 23:24 编辑 ]

作者: wmoo 发布时间: 2011-04-03

布局的问题，求助

热门阅读

热门下载