关于前段div+css布局的问题

g330897778 发布于 2013-05-20 17:12， 737 次点击

<body style="background:#999">
<div style="width:610px;background:#fff;height:110px;">
    <div style="width:400px;float:left;min-height:100px;background:#eaeaea;">
    超出<br />超出<br />超出<br />超出<br />超出<br />超出<br />超出<br />超出<br />超出<br />超出<br />
    </div>
    <div style="width:200px;float:right;height:100px;background:red">
    </div>
</div>
</body>
如果不用js做。单纯用css能实现，div跟随内部div自动调整大小吗？

5 回复

Aviva_Wang2013-05-20 21:13

可以，把height改成min-height

邓士林2013-05-20 21:46

你把div 的height设置成auto就行了

awl8052013-05-21 11:58

overflow:visiable

g3308977782013-05-21 18:11

你们的方法我都试了，都不行。
最起码能兼容浏览器啊，我的事ie9的。

yms1232013-05-24 09:29

min-height:最小高度px;
height:auto;
这两个要配合使用才能自动增高，而且个人试验过ie10都没问题，ie9也是可以的
另外高度和宽度只能有一项是自增，都自增可能会导致样式错乱。
也就是变成了height:100%;width:100%

[ 本帖最后由 yms123 于 2013-5-24 10:06 编辑 ]