“固定宽度列的高度>自适应宽度的列”这哪跟哪啊(=@__@=)?
2 回答
这个老师应该是说错了吧 我觉得应该是固定宽度(也就是应用position:absolute的列)的列的高度要小于自适应宽度的列
比如说 对左面的列(width:200px;height:600px),应用position:absolute,他就会从文档流中抽离,相当于没有这列。
右面的列要自适应宽度 ,所以不设置width。height:400px,margin-left:210px 。
先说宽度,右面的列会忽视左面的列存在,它的margin-left是相对于父元素左边框设定的,看起来应该是距离左列10px。
再说高度,由于左列脱离文档流,相当于没有高度,父元素的高度取决于右列的高度,但是右列高度小于左列高度,导致整个父元素高度包不住左列高度,更严重的,要是这两个横向排列的列下面还有元素,该元素会挨着右列下方显示,也被左列覆盖一部分。
总体情况如下图:
举报
0/150
提交
取消