Re: [問題] 網頁div高度設定

看板Web_Design作者adamp3 (Boston's 10th Man.)時間17年前 (2008/10/03 21:36)推噓4(4推 0噓 8→)

留言12則, 2人參與討論串5/5 (看更多)

試試看clearfix這玩意吧! //for IE .clearfix {zoom:1;} //for non-IE .clearfix:after {content:'.';display:block;visibility:hidden;clear:both;height:0px;} 加在你包住float物件的<div>的class裡面吧 ex. <div class="container clearfix"> <div class="i-am-floating"> I think life is floating. </div> </div> == .container{border:#000000 1px solid;} .i-am-floating{float:left:height:100px;border:#FF0000 1px solid;} 這樣container就會被撐開了! 可以拿掉clearfix試看看 ※ 引述《abhouse24 (ab)》之銘言： : 我與爬文中製作的div概念相同， : 然而即使把nav與content以container包起來後， : 在firefox中仍會有content內容overflow的問題 : （IE 使用不會） : 我是試過display與clear可是仍無法解決問題，不知道是不是語法沒有對症下藥的關係。 : 有人有解決overflow的經驗嗎？ : : ======================== : : header : : ======================== : : nav || content : : ======================== : : footer : : 我總覺得這是一個CSS上的常見難題 orz : : 原因是因為用純CSS沒有辦法像你所說的一樣「去抓別的box的height」 : : 所以用float的兩欄式排版並不好做到兩欄同高 : : 一個workaround是用一個box（<div id="container">）包住nav和content : : 在這個box中放y軸repeat的背景，然後把背景的寬度設成和導覽列一樣 : : 這樣就勉強可以做到你想要的校果了 -- ○-.∫ ︻〔我的二十歲/四十天美國自助旅行全記錄+球場觀察 ║ 》睡過車站機場還有旅舍交誼廳 ║ 八座城市七場大聯盟球賽 http://adamp3.myweb.hinet.net/ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.168.30.223

推

abhouse24

10/04 00:24, , 1^F

10/04 00:24, 1^F

→

abhouse24

10/04 00:25, , 2^F

10/04 00:25, 2^F

→

abhouse24

10/04 00:26, , 3^F

10/04 00:26, 3^F