静影沉璧番外:Absolutely positioned boxes show outside their parent container styled with overflow:hidden

来源：百度文库编辑：九乡新闻网时间：2024/05/06 14:56:15

overflow:hidden and absolutely positioned elements

Markup

box 1
box 2
box 3
box 4

If this wrapper was positioned (any value other thanstatic), then it would become the positioning block and the four nestedboxes would position themselves in relation to its layout. They wouldalso be clipped outside of the positioning block boundaries.

CSS

#wrapper {overflow:hidden;zoom:1;}.box1,.box2,.box3,.box4 {position:absolute;background:#fff;}.box1 {left:0;top:0;}.box2 {right:0;top:0;}.box3 {left:0;bottom:0;}.box4 {right:0;bottom:0;}

Absolutely positioned boxes show outside their parent container styled with overflow:hidden IE6,IE7下设置body{overflow:hidden;}失效Bug 文字左右滚动，ie6 overflow:hidden不起作用的情况 Good Timing to Settle Their Accounts with Chi... Outside the wall My White Noise(Hidden) js中top、parent、frame The trees outside my window 卫生间 Show 我SHOW！ Forgive their trespasses Protesters gather outside White House against... 关于Jquery的parent和parents FREAKONOMICS THE HIDDEN SIDE OF EVERYTHING text-overflow详解(字体溢出加省略号) Promote their own twenty-eight With Him with用法 with结构 do with 与deal with show me_人像 Walker running the show 我型~我SHOW！我型~我SHOW！