1. 浮動布局
1.1 特點
1）加了浮動的標簽會超出文檔流萧诫，不占頁面位置扮饶；
2）浮動的排列優(yōu)先級比正常文本流排列方式高；
3）非浮動塊級元素在浮動元素后面產(chǎn)生重疊時贞让，該塊級元素在浮動元素下顯示周崭，只有內(nèi)容不在浮動元素下
1.2 參數(shù)
1）float:left; 左浮動
2）float:right; 右浮動
3）float:none; 不浮動
4）float:inherit; 從父元素繼承
1.3 清除浮動
1）給其父元素設置一個高度
2）給父元素加上overflow:hidden;
3）給浮動元素后面添加一個同級的.clear
<style>
.clear{
clear:both;
}
</style>
<body>
<div class="clear"></div>
</body>
1.4 clear參數(shù)
1）clear:left；在左側不允許浮動元素
2）clear:right;在右側不允許浮動
3）clear:both;在左右兩側不允許浮動
4）clear:none;默認值喳张，允許兩側浮動
5）clear:inherit;規(guī)定應該從父元素繼承clear屬性的值
2. 單行文字超出
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
3. 多行文字超出
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; 數(shù)字為行數(shù)
4.定位
4.1 相對定位relative
1续镇、不會脫離文檔流
2、會影響正常文檔流排列
3销部、相對自己本身做移動
4.2 絕對定位absolute
1摸航、會脫離文檔流
2、向上查找相對定位舅桩，以設置最近祖先相對定位元素為參照物酱虎，未找到，以body為參照
4.3 固定定位fixed
1擂涛、脫離文檔流
2逢净、以窗口為參照物
3、以固定位置存在歼指，不論窗口是否滾動
5. 層級
1爹土、所有標簽層級默認為0
2、層級取值范圍：負九位數(shù)-正九位數(shù)
3踩身、胀茵、誰的層級大，誰在上面
定位元素層級優(yōu)先級高于普通元素挟阻，即使普通元素設置層級比定位元素值大
