>웹 프론트엔드 >HTML 튜토리얼 >用div+css页面布局中的一点点记录_html/css_WEB-ITnose

用div+css页面布局中的一点点记录_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 12:27:26936검색

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的元素)

 

 

 

 

 

 

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.