2

同様の問題のある投稿をいくつか見つけましたが、良い答えはありません。表示のあるdiv内に2つのdivがあります：テーブル行プロパティ。私の右のdivは200pxで修正する必要があり、左のdivは残りのスペースを取る必要があります。

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>
4

1 に答える 1

4

これは完全にカバーされていますが、ここに行きます：

http://jsfiddle.net/wu7TR/

私はあなたのクラスシステムを単純化することを本当にお勧めします

.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;
}​
于 2012-12-06T13:30:49.603 に答える