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

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