本章為大家帶來css網頁佈局必知的基礎小知識（總結），讓大家可以了解關於css網頁佈局的一些知識點。有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
1、盒子模型的第一層到第五層：
border、padding content、background-image、background-color、margin
#2、清除浮動。對受浮動影響的標籤做以下操作：
1、clear: both;
2、clear: right; clear: left;
3、設定寬度width: left;
3、設定寬度width: 100%(或固定寬度) overflow: hidden;
3、兩種清除浮動方法的使用場景：
1、當子元素設定了浮動，父元素沒有設定浮動而導致的父元素高度無法自動擴展，縮成一條線，子元素從父元素溢出時，適合使用同時設定width:100%（或固定寬度值） overflow:hidden的方式來清除浮動；此法可同時移除緊鄰的塊級受到的浮動影響，而不需要再對受到浮動影響的緊鄰塊級元素設置去除浮動。
2、如果是緊鄰的區塊級元素受到浮動影響,對此受到影響的區塊級設定clear:both或clear:left,clear:right較為合適。
注意：width設定為100%就是繼承父容器的寬度。左右撐滿整個容器，為自己清除浮動創造條件。再加溢出隱藏，就可以把包裹 浮動的部分去除。
4、絕對定位特點：
1）建立了以包含區塊位元基準的定位；
2）完全脫離標準文檔流；
# 3）隨即擁有偏移屬性跟z-index屬性：
是否有已定位的祖先元素，維持在元素初始位置 脫離標準文件流程
設定偏移量時：偏移參考的基準：
有已定位的祖先元素：以距離其最近的已定位的祖先元素為偏移參照基準。
注意：當一個元素設定了絕對定位，沒有設定寬度時，元素的寬度會根據內容進行調節。
答案：因為a為靜態位置，所以要以根元素為基準進行偏移，也就是html元素（靜態定位是position:static，是元素的預設定位屬性。只有設定了absolute或relative或fixed才算已定位的父級元素。
5、隱藏按鈕文字的小技巧：
設定text-indent: -999px;和overflow: hidden;
原理原則：先使用text-indent:-999px;語句把被設定元素「擠出去」了，然後設定溢出的元素都隱藏起來，也就是被擠出來的元素隱藏起來。
6、媒體查詢：
可用於css中的@media和@import規則上，也可用在HTML和XML中。
1）@media screen and (width: 800px) {...}
2）@import url(example.css) screen and (width: 800px);
## 3)0###以上是css網頁佈局必知的基礎小知識（總結）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
