我发现有几个帖子有类似的问题,但没有很好的答案。 我在一个具有 display: table-row 属性的 div 中有两个 div。 我右边的 div 需要固定为:200px,左边的必须占用剩余空间。
CSS:
.dhPictureDiv{
float:left;
height:100%;
background-color:red;}
.dhInfoWrapper{
width:200px;
float:right;
background-color:yellow;
border: 0px solid red;}
.dhDivRow {
display: table-row;}
HTML:
<div class="dhDivRow><div class ="dhPictureDiv></div><div class ="dhInfoWrapper></div></div>
最佳答案
这已经被盖死了,但是给你:
我真的会建议简化你的类系统
.dhPictureDiv{
background-color:red;
height: 100px;
display: table-cell;
width: 100%;
}
.dhInfoWrapper{
background-color:yellow;
height: 100px;
display: table-cell;
min-width: 200px;
}
.dhDivRow {
display: table;
}
关于html - 使 div 占用所有剩余空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13744505/