0

右下の「セキュリティプロフェッショナル」が画面の右側まで伸びない理由を教えてもらえますか？EricMeyerのリセットを使用しています。なぜそこにそのパディングがあるのか​​わかりません。

http://hemakessites.com/mayukh/22/

編集：あなたたちは右下に巨大なスペースのブロックを見ていますよね？3％のスライバーではありません。今すぐすべてを25％に設定すると、そのうちの1つが次の行に落ちるため、それらをdivでラップしてみます。

余談ですが：なんてことだ。セミコロンで文を終えたところです。プログラミングしすぎました。

更新：100％拡張するdivコンテナーがすでに存在します。それが灰色の領域です。いいえ...これは私たちが想像していたよりもはるかに悪い悪です。たぶんそれは「違い」divが修正されていることと関係がありますか？

4

4 に答える 4

2

ソリューションにプロパティを使用できますbox-sizing。これがうまくいくことを願っています

あなたのcssを私のcssで更新してください

.slagline {
    -moz-box-sizing: border-box;
     box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-color: #FFFFFF #666666 #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 100%;
    width: 25%;
}

実際には、主なことは定義したことです。border-width:1px;そのため、4 つの列すべての幅が増加するため、box-sizingプロパティによって目的の結果を得ることができます。

削除する場合はデモを参照してくださいbox-sizing。違いがわかります...

于 2012-11-19T05:34:17.527 に答える
1

あなたがそれらを設定float: leftしたので、そしてあなたが言ったようにあなたはそれらに24％の幅を与えました。あなたが経験するパディングは残りの4％です。最後の1つをフロートにします：右またはすべてのボックスにマージン/パディングを適用します。

境界線の問題のために24％を設定している場合は、たとえば、コンテンツをフロートブロックでラップするdivを作成することをお勧めします。したがって、現在のブロックの幅を25％に設定すると、それに応じてブロックが拡張されます。

于 2012-11-19T05:08:16.860 に答える
0 
<div id="slg4">

float：rightに設定する必要があります。

于 2012-11-19T05:10:45.570 に答える
0

これでうまくいくはずです：

<div style="width:27%;" class="slagline" id="slg4">
于 2012-11-19T05:15:32.097 に答える