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 元素会正常的流入流内，但是在显示的时候，有一点漂移，这常用来显示一些高级效果。