html去div边界,内部div超过外部div边界

I can't get the inner div (with Hello World) to fit inside the "box" div in this code example (also at http://www.toad-software.com/test.html).

Despite the body being set to 100%, the inner div will not be contained! This is a test case for a larger project in which a variable-width table exceeds the boundaries of its container. The table would be in the inner div and the container would the "box."

/*html { width: 100%; height: 100%; position: relative; background: #c0c0c0; }

body { position: absolute; width: 100%; height: 100%; background: #f9f9f9; }*/

body,

html

{

margin: 0;

padding: 0;

}

body

{

width: 100%;

}

div.box

{

padding: 10px;

background: #ff33ff;

}

Hello World