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