1.關于浮動
浮動的元素會脫離標準檔案流（float）,從而不占據空間，實作了一行排列多個元素的效果 ，但是又導致上級元素height消失，處理這種情況的方法就是有兩種：
1.第一種在css里寫個偽類，哪些地方需要清除浮動，直接呼叫類名，
.clearfix::after
{
display: block;
clear: both;
height: 0;
content: ' ';
}
.clearfix
{
zoom: 1;
}
2.第二種情況就是溢位隱藏，
overflow:hidden;
zoom:1;
2.靜態定位，相對定位，絕對定位，固定定位
1.靜態定位：是元素的默認定位方式，不能使用top，bottom，left，right和z-index屬性，
2.相對定位：就是相對于當前的位置進行的left,top,right,bottom，
3.絕對定位：脫離檔案流，不占據空間，用position:absolute;這條陳述句，進行left,right,top,bottom進行相對于具有定位屬性得父級元素進行定位，如果未找到就會依次向上尋找，直到找到body停止相對于瀏覽器視窗進行絕對定位，
4.固定定位：設定position:fixed;，直接以瀏覽器視窗作為參考進行定位，它是浮動在頁面中，元素位置不會隨瀏覽器視窗的滾動條滾動而變化，除非你在螢屏中移動瀏覽器視窗的螢屏位置，或改變瀏覽器視窗的顯示大小，因此固定定位的元素會始終位于瀏覽器視窗內視圖的某個位置，不會受檔案流動影響，
3.css3回應式
1.總體來說css3的回應式滿足了所有解析度的需求，@media媒體查詢進行主流解析度的回應式調節，
2.切記代碼中不可寫固定高度！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/125551.html
標籤：其他