作者woti (.......)
看板Web_Design
標題[問題] div有設定高度，內容超出高度的話
時間Sat Jul 12 01:09:10 2014
網頁中有一個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://webptt.com/m.aspx?n=bbs/Web_Design/M.1405098554.A.3DC.html
1F：→ fire231:因為你沒有設定 overflow 07/12 02:29
2F：→ fire231:因為內容比容器的高度還高，內容就會溢出容器 07/12 02:30
3F：→ fire231:就像在杯子裡面裝水 裝太多就會滿出來 07/12 02:30
4F：→ fire231:overflow 可以設定針對溢出的怎麼處理 07/12 02:31
5F：推 hit1205:樓上比喻好傳神 XD 07/12 08:16
6F：→ woti:我的重點是，下方的div怎麼不會因為上一個div的內容而往下移? 07/12 11:06
7F：→ jenesis:要看你上一個div裡面的內容物是怎麼設定的 07/12 13:06
8F：→ jenesis:如果設定上overflow就不會把parent撐開那就是這樣沒錯 07/12 13:06
9F：→ fire231:因為你的 div固定高度了，只是內容物滿出來而已 07/12 13:39
10F：→ fire231:就像肯德基蛋塔裝在盒子裡面，一盒八個裝剛剛好 07/12 13:39
11F：→ fire231:但是有一個蛋塔爆漿了，內餡灑到隔壁去了一樣 07/12 13:40
12F：→ woti:也就是說如果上個div沒設定overflow，只設定高度，那就算內容 07/12 22:25
13F：→ woti:滿出高度，下面的DIV也不會『自動閃躲』而是乖乖被其覆蓋？ 07/12 22:26
14F：→ oj113068:f大讓我大笑XDDDDD 07/12 23:48
15F：推 hit1205:為什麼都這麼傳神 07/12 23:50
16F：→ hit1205:XDDDD。是說 "自動閃躲" 讓我想起舊版的IE (遠目) 07/12 23:51
17F：→ fire231:對阿，你的高度就是一個蛋塔的寬度，內餡爆漿了蛋塔又不 07/13 00:37
18F：→ fire231:會動，你要回家打開要吃才會發現阿 07/13 00:37
19F：→ fire231:因為溢出的內容你沒有設定怎麼處理他 07/13 00:38
20F：→ TCFmars:我想順便問有人知道怎麼讓scroll-bar不佔寬度嗎? 07/14 02:27
21F：→ TCFmars:不是拿掉,而是出現在畫面右邊,但是不會把內容往左邊擠 07/14 02:27
22F：→ fire231:要自己寫scroll-bar吧 07/14 03:21
23F：推 qas612820704:樓上幾位在蛋塔什麼啦 還爆漿 是想笑死誰XD 07/16 09:25