100% DIV width is not really 100%

Question

When I have a

with width: 100%, it is not really 100%:

testtesttesttesttest

...

#di         


        

相关标签:

Answer 1

This oughta do it (add this line to the very top of your CSS file):

* { margin: 0; padding: 0; }

Works all the time for me.

Answer 2

100% is only 100% of the available width, based on the parent container. So if you create a DIV with width 500 pixels, then nest another DIV inside with width 100%, your 100% DIV can expand to a maximum of 500 pixels (not counting any padding or margin so you need to reset them to 0).