<分区>
标签 html css styles stylesheet
<分区>
下面是我的代码,
<div class="wrapper">
<div class="left">
</div>
<div class="right">
</div>
</div>
我已经将我的 wrapper
的宽度设置为 100% 我现在将左边的宽度设置为 40px
。
1) 我想将我的 right div
宽度从 40px
扩展到几乎等于 98.6% 的浏览器窗口
2) 我想将我的 left div
高度扩展到 right div
高度
如何解决这个问题?
最佳答案
请试试 css3 flexbox 模块,像这样:
<div class="wrapper">
<div class="left">
left
</div>
<div class="right">
right
</div>
</div>
html,body {
margin: 0;
padding: 0;
height: 100%;
}
.wrapper {
height: 100%;
width: 100%;
display:-moz-box;
display:-webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.left {
width: 40px;
background: green;
}
.right {
-moz-flex-box: 1;
-webkit-flex-box: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
background: orange;
}
关于html - 如何将 Content Div 扩展到浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17140001/