文章列表
1.当元素紧邻容器的左边界时
1.1.margin-right
不管margin-right为何值都不会影响元素的位置。
当margin-right为正,而这个值不足够抵达容器右边界时,元素的位置理所当然不会有任何变化。当这个值足够大抵达容器右边界时,我们可以想象成该元素此时正受到来自右边界的推力,而这个推力值就是margin-right减去元素与右边界的距离。当margin-right的值无限大时,这个推力无限大,但是此时元素已经背抵容器左边界,毫无退路,所以它的位置丝毫不会受这个力的影响。
当margin-right为负,我们可以理解为元素的右边 ...
1.元素float,形象点说,就是一个元素漂浮起来了。
假如说,网页的画板是一栋两层楼房的一楼,那么我们在这个画板上加入元素布局,这些元素就是普通的没有浮动的元素。然后,我们让其中一个元素浮动,那它就缓缓上浮,浮到了二楼,然后根据float的要求或left或right移动至边界。
这样,它原先在一楼占的位置就会被让出来,它的父容器元素或之后的元素就会来填补这个空白,而我们看网页相当于坐着飞机在俯瞰这栋楼房,这样一来,在视觉效果上二楼的元素就会遮住一楼相同位置的元素。同时它的父容器也会因为它的浮动而在视觉层面上失去对它的包含(结构上仍然包含它)。
但是,在这个 ...