作者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/cn.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