html頁面配置筆記

標籤：標籤   元素   hidden   影響   

一般html布局會用置中顯示，這裡需要注意的是，當元素設定了固定寬度之後，margin：0 auto才適用，如果設定了width為100%，則無效：

.wapper{margin:0 auto;width 100%; }  \\這是無效的.wapper {margin:0 auto;width 750px;}  \\這是正確的

float屬性：一般float會對它自己後面的標籤產生影響（只對它後面的標籤影響），這時受影響的標籤需要清除浮動。

1. clear：both;     #只對float後面受影響的標籤有效，但對父級標籤無效。overflow：hidden;  #對float後面的標籤和父級標籤都有效。

float還會影響父級標籤，比如：

<div class="test">    <div class="test1"></div>    <div class="test2"></div></div>

這裡如果test2設為float，則test2後面的標籤和父級標籤test都會受到影響。

position定位方式：

#靜態定位#相對定位#絕對位置

可設定四個屬性值：

staticrelativeabsolutefixed

本文出自 “王家東哥” 部落格，謝絕轉載！

html頁面配置筆記