HTML/CSS/CSS Attributes and Javascript Style Properties/moz box sizing

Материал из Web эксперт
Перейти к: навигация, поиск

-moz-box-sizing: border-box

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title></title>
            <style type="text/css">
                html, body {
                    margin:  0;
                    height: 100%;
                }
                div {
                  height: 100%;
            padding: 10px;
            border:  thick solid black;
            background: lightgray;
            -moz-box-sizing: border-box;
        }
            </style>
        </head>
        <body>
            <div>
this is a test. this is a test. this is a test. this is a test. 
this is a test. this is a test. this is a test. this is a test. 
this is a test. this is a test. this is a test. this is a test. 
this is a test. this is a test. this is a test. 
            </div>
        </body>
    </html>