請直接復制以下代碼運行。問題：有class屬性的內層div浮動，p元素應該文字環繞內層div。但是給p元素添加一個overflow：hidden之后，就沒有文字環繞了，而是p元素的文字直直的下來了。請問為什么會是這種效果？<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;list-style: none;} #div{width: 300px;height: 300px;background: #ccc;} #div div{width: 100px;height: 100px;background: blue;float: left;} p{overflow: hidden;} </style> </head> <body> <div id="div"> <div class></div> <p>來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律來得及落實領導及法律</p> </div> </body></html>
1 回答
俠客島的含笑
TA貢獻552條經驗 獲得超285個贊
在設置了 width 或 height 的div中，寫上overflow:hidden;的話，超出寬度或高度的部分，就隱藏了。
就是說，這個overflow:hidden;屬性可以保證div的高度或寬度不變。
div里添加的東西再多，高度或寬度也不變。超出的部分隱藏。所以說，他就溢出不了了
塊元素都是獨占一行的
- 1 回答
- 0 關注
- 1405 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消