請直接復制以下代碼運行。問題：有class屬性的內(nèi)層div浮動，p元素應該文字環(huán)繞內(nèi)層div。但是給p元素添加一個overflow：hidden之后，就沒有文字環(huán)繞了，而是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>來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律來得及落實領(lǐng)導及法律</p> </div> </body></html>
1 回答
俠客島的含笑
TA貢獻552條經(jīng)驗 獲得超285個贊
在設(shè)置了 width 或 height 的div中，寫上overflow:hidden;的話，超出寬度或高度的部分，就隱藏了。
就是說，這個overflow:hidden;屬性可以保證div的高度或?qū)挾炔蛔儭?br />div里添加的東西再多，高度或?qū)挾纫膊蛔儭３龅牟糠蛛[藏。所以說，他就溢出不了了
塊元素都是獨占一行的
添加回答
舉報
0/150
提交
取消