作者chumsdock (微笑服务)
看板Web_Design
標題Re: [問題] CSS版面區塊設定
時間Mon Apr 7 15:35:17 2008
三層其實一點也不多
甚至我覺得可以把container的左邊和右邊分別也包起來
布局的話,上面的三塊和下面的一塊用display:block,指定height就可以了
container裡面,如果是多加一層的話,可以
#container #left{float:left}
#container #right{float:right},具體的寬高再去填。
這樣的好處是減少復雜性,其實多幾層沒關系。
如果只用container的話,可以
#container #left1, container #left2 {float:left}
#container #right1,
#container #right2{float:right}
只用如果wrapper的話,要#left1{clear:both}清除上面的浮動
然後其余如果寬高合適也可浮動到正確的地方最後用#footer {clear:both}
但是這樣理論上沒有問題,但遇到瀏覽器表現不一的情況會很難調整。
不過如果你希望用absolute定位,這些都不用怎麼考慮,問題在於不能動態調整尺寸
※ 引述《etchen (『M.』)》之銘言:
: http://mis2.nkmu.edu.tw/931241016/css.JPG
: 這是我預先想好的CSS區塊,
: 比較有問題的就是,
: CONTAIN那部分我有包起5個區塊,
: 這樣WRAPPER+CONTAIN+5個區塊就三層了,
: 還是我可以WRAPPPER+5個區塊變成兩層就可以了?
: 還有那五個區塊的POSITION我不是很懂>_<
: 不知道要怎麼設置那五個的POSITION,
: 是都用FIXED之後再設與左上點的距離嗎?
: 謝謝^^
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 166.111.39.29
推 etchen:所以大大的意思是說用ab定位會比較好嗎@@? 04/07 15:44
→ chumsdock:ab是簡單粗暴,但是每個區塊都要填死位置,很不靈活 04/07 15:45
→ chumsdock:用float的辦法是很直觀理解,而且容易動態改變尺寸 04/07 15:47
推 etchen:我看有個網頁寫ab的意思是說當網頁往下拉時,元素位置會改 04/07 15:49
→ etchen:變。意思是說假如我top在上面,當網頁網下拉時,他會移動嗎 04/07 15:50
→ chumsdock:ab是可以移动的。fixed是不移动的,但IE不支持。 04/07 15:52
推 etchen:謝謝c大,我再試看看! 04/07 17:06