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之后怎么才能居中