<br /> html, body { height: 100%; width: 100%; margin: 0; padding: 0; }<br /> .first{<br /> margin:20px;<br /> background:lightgreen;<br /> border: 2px solid lightgreen;<br /> /*display:inline-block;*/<br /> /*overflow:hidden;*/<br /> /*float: left;*/如果选择这种方法，一定要在该元素的下个元素添加clear:both,<br /> /*position: absolute;*/<br /> <br /> }<br /> ul{<br /> overflow:hidden;<br /> margin:10px;<br /> background:lightblue;<br /> width:100px;<br /> height:200px;<br /> float: left;<br /> }<br /> li{<br /> margin:25px;<br /> }<br /> 1 2 3 父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零，前提是它只包含浮动元素，解决高度塌陷的问题很简单，可以浮动父级元素、清除法等等，均可实现
