一般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定位方式：

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

可設置四個屬性值：

static
relative
absolute
fixed

本文出自 “王家東哥” 博客，謝絕轉載！

html頁面布局筆記