Heim >Web-Frontend >HTML-Tutorial >用div+css页面布局中的一点点记录_html/css_WEB-ITnose
1.用display:none来隐藏元素的时候不会保留元素本来的位置,用visibility:hidden则不会
2.用margin:auto可以使一个元素居中显示
3.当元素宽度超过浏览器宽度时浏览器会出现水平滚动条,此时可是使用max-width代替width,max-width可以自适应浏览器宽度,支持IE7+及其他主流浏览器
4.当在计算元素宽度的时候,边框的长度和内边距也会被计算在内,这样的话做起来会比较麻烦,用以下这段代码可以解决这个问题
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
但这也是只支持IE8+及其他主流浏览器
5.postion属性的几种值
名称 | 作用 |
static | 默热值,即未被positioned |
relative | 配合top,left,bottom,right属性一起使用,使元素偏离正常位置,其他元素不会来填补它离开所剩下的空缺 |
fixed | 也配合top,left,bottom,right属性一起使用,使元素相对于当前浏览器视窗来定位,改变浏览器视窗的大小, 不会改变元素相对于视窗的位置 |
absolute | 该属性与fixed属性类似,但它不是相对于视窗,而是相对于离它最近的被positioned的属性(指position值不是static的元素) |