专注于互联网企业网站建设与营销策划
当前位置:首页 > 网站建设知识 > 常见问答 >

网页中css相对浮动我分不清楚?

时间:2020-08-11 21:50来源:做网站查看:
在做网站的时候、突然用到了浮动、还是好的次写浮动、不知道怎样写、之前都是写固定的、挺麻烦的、现在有同事说有浮动、不太理解、我还是抽一些时间来学习一下?

1、Static(默认值):
这个是元素的默认定位方式,会占据正常的空间,处于文档流之中,并且忽略“left”等属性是产生的任何效果。
2、Relative(相对定位)
相对定位的方式。相对于自身在文档流中所处的位置来进行定位,参照物为自身,仍处于文档流中,原先占有的空间仍保留(一般用作改变层级和作为绝对定位的参照物)
3、Absolute(绝对定位)
绝对定位是脱离文档流的,默认宽度为内容的宽度,在页面中是不占据空间的,后面的元素会在其原来的位置上进行布局,参照物为好的个定义的属性不是static的祖先或者父元素(如果没有父元素的话,那就应该以body为父元素),定位之后都会产生块级框。元素的位置通过“top”,”bottom”,”right”,”left”属性进行定位。
4、Fixed(固定布局)
固定布局是脱离文档流的,默认宽度为内容的宽度,参照物为浏览器窗口,其特性和absolute是相同的,当然,如果给头部定义了一个固定布局,头部则不会随着滚动条移动了(如百度的搜索框)。元素的位置通过“top”,”bottom”,”right”,”left”属性进行定位。
文章链接: http://www.zhandangqi.com/Changjianwd/565.html

做网站常识

网站建设问答

多一份参考、总有益处!