float:left之后能不能居中呢

chen3002min 2010-07-17 11:53:59
我搜索到两个嵌套的div,在ff下要自动撑大要不就一起有float:left属性要不就一起没有,不知道有没有理解错误
那有a,b两个div,b必须有float属性,那a要撑大就也要有float,但是a必须要居中
我想问问加了float属性应该怎么设置居中呢
...全文
918 11 打赏 收藏 转发到动态 举报
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
LIUHANXU860311 2010-07-19
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 ya270078781 的回复:]
是想要wrap的边框把里面的div包起来?
如果是这样.根本不需要float.只需要给wrap加个overflow:auto;就可以了.
或者在wrap这个div的最后一个子元素后面加个清除浮动的操作.如:

HTML code

<div class="wrap">
<div class="left">
<div class="top">top</div>……
[/Quote]
正解!
MarsXDM 2010-07-19
  • 打赏
  • 举报
回复
再用一个父div把那两个div包起来,在父div里设置居中
beyond_me21 2010-07-18
  • 打赏
  • 举报
回复
wrap不要加float:left,.top和.bottom也不要加,将wrap加一个overflow:hidden就可以自动适应大小了
榕树花园 2010-07-18
  • 打赏
  • 举报
回复
居中的话你得用其它控制,如外面再加一个div,要不你让它float:left它是跑到左边的
mrchenxjy 2010-07-17
  • 打赏
  • 举报
回复
方法很多,你可以直接在你的代码外围加多一个div,让它来居中就行了。
看了楼主的代码,一般来说给一个div加了float后,它就会脱离实际的文档流,浮动到指定的地方,而一般来说父类元素在没有定义高度的情况下,它的高度是子类元素的内容高度。因此,当你的top、bottom浮动后,它就脱离了实际的文档流,IE6虽然会自动填满它,但在FF当中就不会!!这时,你可以给你的wrap浮动自身的浮动来达到你想要效果,你也可以在right的后面加多一个标签用来消除浮动!!!
ya270078781 2010-07-17
  • 打赏
  • 举报
回复
是想要wrap的边框把里面的div包起来?
如果是这样.根本不需要float.只需要给wrap加个overflow:auto;就可以了.
或者在wrap这个div的最后一个子元素后面加个清除浮动的操作.如:

<div class="wrap">
<div class="left">
<div class="top">top</div>
<div class="bottom">bottom</div>
</div>
<div class="right">right</div>
<br style="clear:both" />
</div>


不知道是不是你想要的结果.
mky81 2010-07-17
  • 打赏
  • 举报
回复
wrap不要float,warp内再加一个大的div float
chen3002min 2010-07-17
  • 打赏
  • 举报
回复

<div class="loginbar">
<div class="loginnav">head</div>
</div>
<div class="wrap">
<div class="left">
<div class="top">top</div>
<div class="bottom">bottom</div>
</div>
<div class="right">right</div>
</div>


.wrap{ width:1024px; margin:0px auto; border:1px solid red; float:left;}
.loginbar{ width:100%; height:30px; background:#fafafa; border-bottom:1px solid #ccc}
.loginbar .loginnav{ width:1024px; height:30px; margin:0 auto;}
.top{ width:750px; height:250px; float:left; display:inline; border:1px solid green;}
.bottom { width:750px;float:left; margin:20px auto auto auto; display:inline;height:500px; border:1px solid green;}
.right{ width:230px;float:left; margin:20px auto auto 10px; display:inline;height:500px; border:1px solid green;}
.left { width:750px;float:left; margin:20px auto auto 15px; display:inline;}


wrap在ff下要加float才能拉伸,不加的话没效果
我是想问下,在wrap加了float之后怎么才能居中
arjsyy 2010-07-17
  • 打赏
  • 举报
回复
听不太明白
ya270078781 2010-07-17
  • 打赏
  • 举报
回复
没懂你的意思.贴点代码上来说明?
hibin101 2010-07-17
  • 打赏
  • 举报
回复
外层再加个div 控制自动居中 margin:0 auto

61,125

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧