html {
width: 100%;
height: 100%;
overflow-x: hidden; /* 不知如何解釋 ,有時沒設
body.overflow-x 會沒效果 */
}
body {
width: 100%;
min-height: 100%;
overflow-x: hidden; /* 超過頁面就 cut 掉 */
position: relative;
}
html { overflow:auto;} 是默认的。
如果不设置html height怎么会有滚动条,原来html有点特殊,它的widht和height是有浏览器窗口大小决定的。
几乎所有的浏览器,默认的偏移margin是在body元素上,而不是html的padding.(通过做实验确实如此)有些还是body的padding,所有重置页边距用body{margin:0;padding:0}缺一不可。