overflow:hidden
<p>為什么我寫的overflow:hidden不起作用？</p>
用戶1173657
2015-06-07
1 回答
舉報
0/150
提交
取消
2015-06-07
overflow:hidden;????//對 contianer 內部的元素有效，對自身沒有作用的
<!doctype?html> <html> <head> <meta?charset="utf-8"> <title>overflow:hidden;</title> <style> #contianer{width:100px;?height:100px;?border:3px?solid?#333;?overflow:hidden;?position:relative;} #demo{height:200px;width:200px;position:absolute;left:10px;top:10px;background:#aaaaaa;} </style> </head> <body> <div?id="contianer"> ????<div?id="demo"></div> </div> </body> </html>我對你的代碼小小修改了一下，又在內部添加了一個 ID 為 demo 的 div ，這時，overflow:hidden; 起作用了，將寬高都為 200px 的 div 中超過 contianer 部分的區域全部隱藏了。