0

これはプログラミングの問題というよりも数学的な問題ですが、次のようになります。

100% 幅のコンテナー div があります。

内部には、2 つのフローティング div があります。左の div は幅 66% で、左に浮いています。右の div は 30% で、右に浮いています。

左側の div 内に h2 要素があり、親の制約を超えて拡張し、親の右端まで拡張したいと考えています。

親が上部コンテナーの 66% である場合、h2 要素の幅のパーセンテージを計算する式は何ですか?

現在、試行錯誤しながら 151.5% に設定していますが、それが単なる目測であることが嫌です。正確なパーセンテージの求め方を教えていただきたいです。

レスポンシブ デザインなので、固定サイズは使用できません。パーセンテージでなければなりません。

4

3 に答える 3

0

あなたはより簡単にあなた<h2>をそのように絶対的な位置に置くことができます

h2 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

position: relative;次に、左側の列に追加します。ただし、その列にタグが1つしかない場合は、これでうまくいきます。それ以外の場合は、他の要素を配置しようとしているときにさらに計算を行うか、<h2>javascriptを使用して大きなコンテナの幅を計算する必要があります

于 2013-02-13T15:17:53.987 に答える
0

私が正しく理解していれば、これがあなたの問題の解決策です：http: //jsfiddle.net/pgJeC/1/

注：色は、レイヤリングを表示するためにのみ設定されています

.id1 {
    width:66%;
    float:left;
    background:maroon;
}
.id2 {
    width:30%;
    float:right;
    background: green;
 }
h3 {
    color:red;
    width:100%;
    white-space: nowrap;
    display:block;
}
于 2013-02-13T15:31:03.457 に答える
0

気にしないで、それを理解しました。100％（コンテナーの幅）を左のdivの幅（66％）で割った値= 151.515152私の間違いは、cssのパーセンテージを66.66666667％ではなく66％に丸めることでした。

すべての助けをありがとう

于 2013-02-13T15:28:57.170 に答える