CSS笔记2
25. Flow
流是就是浏览器在HTML页面上摆放元素的方法,它从上到下依次摆放一个个块元素,在每一个块元素的内部依次从左到右依次摆放每一个内联元素。
26 边框的处理
浏览器在放置内联元素的时候,它总会像我们期望的那样放置,如果两个内联元素并列放置,左边那个元素的左外边距是10px,右边的元素的右外边距是10那个这两个元素的距离是20px。而当浏览器上下放置两个元素时这就有意思了,它会发生重叠,然后选取最宽的一个外边距作为两个元素的外边距。
26. 浮动元素
如果你设置了一个浮动元素,那么这个元素会从浏览器的流删除,而浏览器中流会围绕着这个元素流动。如果把页面主要分为左右两栏,指定左边元素的右外边距,然后让边栏浮动到它的外边距上。浮动元素是浮在页面上,它不会真正的触及页面中的流元素,因此不会发生边框重叠问题
27 解决重叠问题
Css有一个属性,把不允许元素的周围有元素浮动。
clear: right; 不允许元素的右边有元素浮动。
28.左紧右松
在两个元素的一个元素的宽度,和另一个元素的外边框相同时,这两个元素会出现一个
29 冻结布局
元素不会随着浏览器的宽度的改变,而改变。
30. 绝对定位
浏览器先从流中删除该元素,然后在根据其中的top和right指定,该元素的放置位置。而且还可以重叠,每一个定位的元素都有一个z-index,其值越大,离我们越近。
31 position
它有四个值:static,元素会正常的放置在流中
absolute,元素会从流中删除元素,然后根据指定的位置,放置元素
fixed,这是让元素放置在一个相对浏览器的位置
relative 元素会正常的流入流内,但是在显示的时候,有一点漂移,这常用来显示一些高级效果。