位置:亲戚留空空间

Question

代码在这里:http://lasers.org.ru/vs/example.html

如何删除主块(#page)下的空白区域？

Answer 1

另一个对我来说很好的技巧是在你移动的相对元素中使用负边距底部.无需绝对定位.

就像是:

position: relative;
left: 100px
top: -200px;
margin-bottom: -200px;

与我现在看到的解决方案类似(如果不完全相同),来自绿色.

Answer 2

那么,不要使用相对定位.当使用相对定位时,元素仍占据原来的空间,你无法摆脱它.例如,您可以使用绝对定位,或使元素彼此浮动.

我玩了一下布局,我建议你将这三条规则更改为:

#layout { width: 636px; margin: 0 auto; }
#menu { position: absolute; width: 160px; margin-left: 160px; }
#page { width: 600px; padding: 8px 16px; border: 2px solid #404241; }

Answer 3

#page 
{ 
     overflow:hidden; 
}