すべて同じ100％の高さとマージン

IEの古いバージョンのインデントと幅、および「 コンソーシアム 」モデルを使用したブロックモデルについては、誰もが知っています。

それでも、100パーセントの高さと親からのインデントでdivを作成する場合、レイヤーの高さはこのインデントの量だけ増加します。



これは、インデント用の空のdivを追加せずにクロスブラウザーソリューションを意味します。 （ http://www.csscreator.com/node/12238 ）



になる方法



食べ方：



方法：

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <br> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > <br><br> < html xmlns ="http://www.w3.org/1999/xhtml" > <br> < head > <br> < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> <br> <br> < title > , </ title > <br> < style type ="text/css" > <br> html {<br> height: 100%;<br> }<br> body {<br> margin: 0;<br> padding: 0;<br> height: 100%;<br> }<br> #content {<br> background: #EEE;<br> padding: 10px;<br> margin: auto;<br> width: 960px;<br> height: 100%;<br> }<br> </ style > <br> </ head > <br> < body > <br> < div id ="content" > <br> <br> </ div > <br> </ body > <br> </ html > <br> <br> * This source code was highlighted with Source Code Highlighter .