-2

私は 3 つの div を作成しました。height:100% で試したすべての高さを等しく設定する必要がありますが、機能していません。

<html>

<style type="text/css">

.b1{height:190px;width:150px;background:#963;float:left}
.b2{height:150px;width:150px;background:#955;float:left}
.b3{height:180px;width:150px;background:#966;float:left}

</style>
</head>

<body>

<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>

</body>
</html>
4

4 に答える 4

3

すべての親要素の高さを 100% に設定する必要があります。この場合は次のようになります。

body,html { height: 100%; }

デモ: http://jsfiddle.net/Cb4nU/3/

于 2013-01-18T11:54:16.703 に答える
2

このコードを css に入れます。私はこれがあなたを助けると思う.. 

 .b2{
    margin: 1px;
    background-color: ; 
    height: 100px;
    width:100px; 
    border: 1px solid ;
}
 .b2 {
    margin: 1px;
    background-color: ; 
    height: 100px;
    width:100px; 
    border: 1px solid ;
    }
 .b3 {
    margin: 1px;
    background-color: ; 
    height: 100px;
    width:100px; 
    border: 1px solid ;
}

乾杯...！

于 2013-01-18T12:08:31.157 に答える
0

3つすべてをストレッチしたい高さのdivでラップすることも機能します http://jsfiddle.net/Cb4nU/2/

<div class="a">
<div class="b1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nunc massa, accumsan ut volutpat id, gravida porta turpis. Duis tincidunt feugiat est nec rhoncus.    </div>
<div class="b2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nunc massa,</div>
<div class="b3">Lorem ipsum dolor sit amet</div>
</div>


.a{height:300px;}
.b1{height:100%;width:150px;background:#963;float:left}
.b2{height:100%;width:150px;background:#955;float:left}
.b3{height:100%;width:150px;background:#966;float:left}
于 2013-01-18T11:57:54.143 に答える
0

こんにちは、以下のコード スニペットは必要なことを行います。

CSS:

.parent { display:table; }
.b1{ border:1px solid red; display:table-cell; width:150px;background:#963;}
.b2{ border:1px solid green; display:table-cell; height:150px;width:150px;background:#955;}
.b3{ border:1px solid blue; display:table-cell; width:150px;background:#966;}

HTML

<div class="parent">
<div class="b1"></div>
<div class="b2"></div>
<div class="b3"></div>
</div>

変更点:

  1. 親コンテナ div を追加
  2. CSS のすべての div からheightとfloat:leftプロパティを削除しました
  3. css のすべての div の表示プロパティを追加
于 2013-01-18T13:04:28.063 に答える