[问题] 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