1

タイトルの奇妙な言葉遣いについてお詫びします。

デザインしているサイトに問題があります。私はWordPressを使用していますが、それは問題ではないと思います。

問題は、その内容にラップすることになっている「Module」クラスがあることです。ただし、折り返す代わりに、デフォルトでは親の幅の100％まで拡大されます。適切な幅を手動で入力すると、右マージンはコンテナの右側の端まで伸びます。マージンを手動でサイズ変更しても、何も変わりません。

これがモジュールクラスです。理由は次のとおりです。

.module
{
margin:0px;
padding:5px;
background:#356;
border:#38a solid 1px;
}

とても簡単です。でも、中身に包んで欲しいです。代わりに、親の100％まで拡大するように自動的にサイズ変更されます。

私は自分のスタイルシートとChromeの要素インスペクターの両方を精査しましたが、何が起こっているのかを一生理解することはできません。

4

1 に答える 1

2

そのクラスを、divや段落などのブロックレベルの要素に追加している可能性があります。ブロックレベルの要素にはdisplay: blockデフォルトであるため、幅またはその親に拡張されます。

display: inline-block;その動作を変更するために使用できます。

.module {
    display: inline-block;
    margin: 0;
    padding: 5px;
    background: #356;
    border: 1px solid #38a;
}
于 2012-05-25T01:58:32.177 に答える