核心提示：首先讲讲浮动:浮动呢有点类似与水流,默认的情况下浮动是自底向上浮动,就像水往低处流一样.如果我们手动加上了float:left的属性,那么水流上就多了一个向左的力,在向低处流的同时还会向左流.没有设置...
首先讲讲浮动:浮动呢有点类似与水流,默认的情况下浮动是自底向上浮动,就像水往低处流一样.
如果我们手动加上了float:left的属性,那么水流上就多了一个向左的力,在向低处流的同时还会向左流.
没有设置浮动属性的元素呢就会脱离浮动的元素,沉在浮动元素下方,达到类似覆盖的效果
清除浮动可以在CSS属性中设置clear:both;即可
这样说很难看懂,自己试一下你就清楚了.
然后再说下三种定位(position)方式:static,fixed,relative,absolut
static:默认方式,没啥好说
fixed:固定方式,不管怎么拖动下滑栏,他都在浏览器相同的位置,举个简单例子吧,就是你打开某个网站之后的附在边上的广告,不管的移到哪,都跟着你,这种时候就需要按下那个×,关掉它!
relative:相对方式,相对于你本来应该的位置,设置这个属性后,使用left,right等位置变化后的位置都是相对于本来的位置而言的,原来的位置会空着,而不会被其他元素占领
absolut:绝对方式,不同于相对方式,使用此方式后,原来的位置就会被其他元素占领,而这种方式的参照物,是向上层找到第一个不是定位方式默认方式的元素
选择器>: ul>li指的是ul下一层嵌套中的li 而ul li 是ul中的全部li
举例:<ul>
<li> /*这个算ul>li和ul li*/
<li> /*这个不算ul>li 但算ul li*/
</li>
</li>
<ul>
