我知道一个非常愚蠢的简单问题,但是..抱歉:)
我有2个div,一个在左边的列表中,一个在右边的详细信息中。当我调整窗口大小时,右边的div浮在第一个窗口的下面,即使滚动条,我也要保持对齐。如何做到这一点?
的HTML
<div id="parent">
<div id="list">
...table list...
</div>
<div id="details">
...table details...
</div>
</div>
的CSS
#parent div{
float:left;
clear:none;
}
试试这个:
CSS:
.table{
display:table
}
.table-cell{
display:table-cell;
}
HTML:
<div id="parent" class="table">
<div id="list" class="table-cell">...table list...</div>
<div id="list" class="table-cell">...table details...</div>
</div>
调整浏览器大小时,这将使两个div保持水平对齐。
或者保持它非常简单...
CSS:
#parent > div{
display:inline-block;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句