Tag Archives: position

position 居中问题详解

<!–  position 居中问题详解 Type:笔记 Date: 2015/12/23 前几天看过这个问题, 昨天在写完一个留言添加居中后, 就把怎么计算的给忘了, 今天经过师傅级指点,又会了, 于是就有了本篇笔记。 –>

Posted in div/css | Tagged , , | Leave a comment

css之position

昨天看了这个属性, 刚开始对照网上的解释看有点云里雾里, 不过小平同志有句话说的好, 实践是检验真理的唯一标准,那咱们就来动手实践看一下! 首先,position支持这么几个属性值的设置 absolute(绝对定位) fixed(绝对定位, 以浏览器窗口为基础) relative(相对父窗口定位) static(默认的,在文档流中) inherit(继承父元素中设置的属性值) 咱们先来看一下absolute 在说到absolute之前就要先说一下文档流, 文档流, 简单点理解就是, 一段div, 或者一段表格, 自上而下, 从左到右, 有序排列,absolute的作用就是让某一元素脱离文档流, 然后再通过top,left,right,bottom对元素位置进行从新设置。 它遵从两个基本原则 原则1: 父级设置了position属性, 则当前定位根据父级position里的属性值进行定位。 原则2: 父级没有设置position属性, 则当前从浏览器的左上角开始定位。

Posted in div/css | Tagged , , | Leave a comment