[問題] div有設定高度,內容超出高度的話

作者: woti (.......)   2014-07-12 01:09:10
網頁中有一個div,高度設定50px。
1.div下方有一段文字。
如果div內容(文字)超過50px高度,超出的內容會蓋過下方文字嘛(文字重疊)?
2.div下方有一張圖片。如果div內容(文字)超過50px高度,超出的內容會蓋過下方圖片嘛?
我在dreamweaver做,如圖
http://testforjob.99k.org/
『2-b』是第二個綠色div的內容,超出我所設定的50px高度,跟下一個div內容重疊。
是正常現象嘛?
作者: fire231 (Bloodmors)   2014-07-12 02:29:00
因為你沒有設定 overflow因為內容比容器的高度還高,內容就會溢出容器就像在杯子裡面裝水 裝太多就會滿出來overflow 可以設定針對溢出的怎麼處理
作者: hit1205 (幫你把勇氣裝滿)   2014-07-12 08:16:00
樓上比喻好傳神 XD
作者: woti (.......)   2014-07-12 11:06:00
我的重點是,下方的div怎麼不會因為上一個div的內容而往下移?
作者: jenesis (ゼネシス)   2014-07-12 13:06:00
要看你上一個div裡面的內容物是怎麼設定的如果設定上overflow就不會把parent撐開那就是這樣沒錯
作者: fire231 (Bloodmors)   2014-07-12 13:39:00
因為你的 div固定高度了,只是內容物滿出來而已就像肯德基蛋塔裝在盒子裡面,一盒八個裝剛剛好但是有一個蛋塔爆漿了,內餡灑到隔壁去了一樣
作者: woti (.......)   2014-07-12 22:25:00
也就是說如果上個div沒設定overflow,只設定高度,那就算內容滿出高度,下面的DIV也不會『自動閃躲』而是乖乖被其覆蓋?
作者: oj113068 (橘子汁)   2014-07-12 23:48:00
f大讓我大笑XDDDDD
作者: hit1205 (幫你把勇氣裝滿)   2014-07-12 23:50:00
為什麼都這麼傳神XDDDD。是說 "自動閃躲" 讓我想起舊版的IE (遠目)
作者: fire231 (Bloodmors)   2014-07-13 00:37:00
對阿,你的高度就是一個蛋塔的寬度,內餡爆漿了蛋塔又不會動,你要回家打開要吃才會發現阿因為溢出的內容你沒有設定怎麼處理他
作者: TCFmars (臥狼)   2014-07-14 02:27:00
我想順便問有人知道怎麼讓scroll-bar不佔寬度嗎?不是拿掉,而是出現在畫面右邊,但是不會把內容往左邊擠
作者: fire231 (Bloodmors)   2014-07-14 03:21:00
要自己寫scroll-bar吧
作者: qas612820704 (Lego)   2014-07-16 09:25:00
樓上幾位在蛋塔什麼啦 還爆漿 是想笑死誰XD

Links booklink

Contact Us: admin [ a t ] ucptt.com