0

私はこのページを持っています: http://www.nyccriminallawyer.com/felonymisdemeanor/ 私がやりたいことは、左の内側のボックス (.in_left と呼ばれるタイトルとして Felony/Misdemeanor を持つ白いもの) をその 100% の高さにすることです親 (.inner と呼ばれる)

コードはここにあります：

.in_left {
float: left;
width: 721px;
margin-top: 10px;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
background-color: white;
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 0px 11px -4px #000;
}

.inner {
background: #CCD7CC;
margin-top: 1px;
color: #5A5A5A;
padding: 10px;
clear: both;
overflow: hidden;
}

height: 100% と min-height も試しましたが、うまくいきません。

4

3 に答える 3

2

.in_leftとでfloat を使用しないでください。それら.in_rightで使用display:table-cell;し、最も重要なのはdisplay:table;、コンテナーで使用することです。

.inner {  
    display: table;  
}  
.in_left {
    width: 229px;
    /* other style */
    display: table-cell;  
}  
.in_left {
    width: 721px;
    /* other style */
    display: table-cell;  
}
于 2013-11-10T21:16:06.317 に答える
1

要素の高さを 100% に設定することは、親要素の高さが何らかの方法で固定されている場合 (高さ: 300px など) にのみ機能します。ただし、子要素を絶対配置 (直接の親に対して) に設定し、その位置を 4 つの方向に設定できます。

.in_left {
  ...
  position: relative;
}

.inner {
  ...
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
}

デモはこちら: http://jsbin.com/OkIQUCi/1/

于 2013-11-10T21:16:59.443 に答える
1

子を親の高さの 100% に拡張することはできませんが、Faux Columnsテクニックを使用して拡張したように見せることはできます。

于 2013-11-10T21:11:00.137 に答える