标准文档流(标准流) :一般的定位规则
标准流包含两种元素
(1).块级元素(block)(一个矩形区域,并且和相邻的元素依次竖直排列,不排在同一行中)
例:<div> <p> <ul> <li>
(2).行内元素(inline)(对于文字这类元素,各个字母之间横向排列,到最右端自动拆行,这就是行内元素)
例:<span> <a> <br> <b> <img>
盒子在标准流中的定位原则
(1).
行内元素之间的水平margin
左侧元素的margin-right+右侧的margin-left
(2).块级元素之间的竖直margin
(3).嵌套盒子之间的margin
(4)将margin设成负数会怎样
盒子的定位(position)
(1)
static(静态定位,这种定位方式可以不写,是系统默认的定位方式。)
1.使用相对定位的盒子,会相对于它原来的位置,偏移制定的位置。
(2)relative(相对定位,相对原有位置的定位方式。)
2.使用相对定位的盒子,仍然在标准流中,它的偏移对父亲、兄弟盒子都没有影响
(3)absolute(绝对定位,盒子的位置以它所在的已定位的盒子为基准进行偏移。)
3.相对于使用绝对定位,使用绝对div会彻底,其它盒子会认为不存在。
(4)fixed(固定定位,用对于浏览器窗口的定位方式)
(5)display控制盒子是否隐藏,转变盒子的类型