需要在ie6 +工作
<div class="container">
<div class="right">
right content fixed width
</div>
<div class="left">
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
</div>
</div>
如何让right div具有与left相同的高度，并且内容为垂直居中？
支持IE6，是吗？好吧，按照IE6的精神，这是一个非常不理想的解决方案。：|
HTML：
<div class="container">
<div class="left">
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>
left content flexible widthffffffffffff<br/>left content flexible widthffffffffffff<br/>left content flexible widthffffffffffff<br/>left content flexible widthffffffffffff<br/>left content flexible widthffffffffffff<br/>
<div class="right-column"></div>
<div class="right-content">right content fixed width</div>
</div>
</div>
CSS：
.right-column {
width: 180px;
height: 10000px;
position: absolute;
background: #fc0;
right: 0;
top: 0;
}
.right-content {
height: 20px;
width: 180px;
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
text-align: center;
}
.left {
background: #e8f6fe;
overflow: hidden;
padding-right: 180px;
position: relative;
zoom: 1; /* hasLayout */
min-width: 100px;
}
它在以下部分起作用：
zoom: 1;财产以使overflow: hidden;财产通过hasLayoutdiv列背景确实很高的空白（给错错了相同的列高）div与指定height用于垂直定位heightmin-width: 100px;到左列，以便现代浏览器在窗口过小时不会切断内容注意事项：
height和margin-top的.right-content，以适合内容本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句