css一些布局技巧

1.display属性:

display是css中最重要的用于控制布局的属性,对于大多数元素他们的默认值是block或inline。block也称块元素

。常见的块元素包括p,form,等等

2.none

常见的display值是none。一些特殊元素的默认dsiplay值是它,它和visiblity属性不一样,把dsiplay=none元素不会占据它本身的显示空间,但是设置成visiblity:hidd会占据空间

2.position

2.1 static是默认,不会被特殊大的定位,一个static元素它表示不会被positioned 

2.2 relative 在一个相对定位(属性的值为relative)的元素上设置top right button 和left属性会使其偏离位置。其他的元素则不会受该元素的影响发生位置改变来弥补它偏离后的剩下空隙

2.3 fixed

一个固定定位元素会相对于视窗来定位,这意味着即使页面滚动,他还是会停留在原本在页面应有的空隙,即之后添加的元素会占用它之前的位置

2.4 absolute 

absolute和fixed表现类似,但是不随着而定,而是根据相对于最近的父亲而定。如果没有父亲元素,那么根据文档中body而定,并且他会随着页面滚动而移动

3.clear

float属性被用于控制浮动。即元素浮动之后。周围的元素会重新排列,为了避免这一点,使用clear属性,clear属性指定元素两侧不能出现浮动元素

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容