This time to bring width:100% to everyone, and the use of Width:auto, using width:100%, and the width:auto of the attention of the matter, the following is the actual case, together to see.
<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>}
If the width:100% of P, then the width of p will be 980px is filled with P area, and then have padding, so it will exceed p.
And when width:auto it is the overall width (including width,margin,padding,border) equals the parent width (width, which does not contain the parent margin,padding,border), So if padding has taken up about 10px of space, then the value of width is 960px.
However, whether it is width:100% or auto, its computed reference is the parent content area width value, not the total width value.
Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!
Recommended reading:
Waterfall flow layout with unlimited load Picture album effect
CSS for 3D button effects
Make a triangle with transparent