父元素設置overflow:hidden對定位元素也有效:如果父元素使用overflow:hidden，那麼定位的子元素也會受到影響。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" c
父元素設置overflow:hidden對定位元素也有效:
如果父元素使用overflow:hidden，那麼定位的子元素也會受到影響。
代碼實例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #box{ width:200px; height:100px; background:#999; position:relative; overflow:hidden; } #inner{ width:100px; height:100px; background:#F00; position:absolute; top:50px; } </style> </head> <body> <div id="box"> <div id="inner"></div> </div> </body> </html>
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=16795
更多內容可以參閱:http://www.softwhy.com/divcss/
