css第五节(1)

1、定位

position常用属性值:

static:自动定位,静态定位,默认定位方式

relative:相对定位,相对于文档流的位置惊进行定位

 >left:30px; 相对于左边偏离30px即向右移动30px; bottom:30px;相对于下边偏离30px即向上移动30px

absolute:绝对定位

子决父相:父div中的子div右上角绝对定位,父div如果是默认定位则子div会向上找到不是默认定位的div进行定位,直到body为止,如果父div不是默认定位,比如是相对定位,则子div会以父div进行绝对定位

fixed:固定定位

position: fixed;

网页滑动不影响固定定位

2、z index的使用和页面空间Z轴的规划

z index的层叠属性

z-index:200;  没有单位 表示Z轴上200的地方,没有设置z-index的Z轴为0

3、三列自适应布局

浮动方式 :左部:左浮动+右部:右浮动+中间

绝对定位方式:子决父相

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,682评论 1 92
  • relative:生成相对定位的元素,通过top,bottom,left,right的位置相对于其正常位置进行定位...
    zx9426阅读 4,549评论 0 2
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 11,084评论 0 15
  • CSS有三种基本的定位机制:普通流(文档流),定位和浮动 普通流 :普通流中元素框的位置由元素在 XHTML 中的...
    饥人谷_沈梦圆阅读 3,635评论 0 0
  • 祝大家度过一个快乐又开心的新年,同时也希望大家的生活年年有余、美美满满。
    嘟嘟小猪猴妹阅读 2,224评论 0 0