Analysieren Sie den Unterschied zwischen width:100% und width:auto;

<p>
    <p>1111</p>
</p>
p{
　　width:980px;<br>　　background-color: #ccc;<br>　　height：300px;
}
p{
     width:100%;<br>　　/*width:auto;*/
    padding:10px;<br>　　background-color:#000;<br>
}

Wenn die Breite von p 100 % beträgt, bedeutet dies, dass die Breite von p 980 Pixel beträgt, wodurch der p-Bereich ausgefüllt wird P.

Und wenn width:auto, ist es die Gesamtbreite (einschließlich Breite, Rand, Polsterung, BOrder), die der übergeordneten Breite (Breite, ohne übergeordnetes Element) entspricht Wenn der Abstand links und rechts 10 Pixel Platz eingenommen hat, beträgt der durch die Breite angegebene Wert 960 Pixel.

Aber egal, ob width:100% oder auto, die Berechnungsreferenz ist der Breitenwert des übergeordneten Inhaltsbereichs, nicht der Gesamtbreitenwert.

Das obige ist der detaillierte Inhalt vonAnalysieren Sie den Unterschied zwischen width:100% und width:auto;. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!