位置：相对留下空白
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod lorem luctus magna faucibus porttitor. Nulla porta euismod urna sit amet tincidunt. In massa risus, ullamcorper vel mollis vel, ullamcorper id ipsum. Phasellus quis turpis dui, id elementum risus. Nulla ligula orci, porttitor ut interdum eget, faucibus vehicula enim. Aliquam posuere mollis ipsum, vel tempor erat lobortis eget. Donec quis sollicitudin sapien. Suspendisse rutrum urna in orci ornare ornare. Curabitur leo mauris, tempus id consequat sed, iaculis sed tellus. Aliquam eros augue, tempor ac mattis dignissim, iaculis quis turpis. Integer euismod ipsum eget urna porta viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed porta, diam vel semper suscipit, lorem massa interdum eros, in hendrerit dolor augue at orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel enim nunc, quis dapibus orci. Curabitur vulputate rutrum volutpat. Proin id ipsum sapien. Fusce eget massa neque, non porttitor lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas euismod lorem luctus magna faucibus porttitor. Nulla porta euismod urna sit amet tincidunt. In massa risus, ullamcorper vel mollis vel, ullamcorper id ipsum. Phasellus quis turpis dui, id elementum risus. Nulla ligula orci, porttitor ut interdum eget, faucibus vehicula enim. Aliquam posuere mollis ipsum, vel tempor erat lobortis eget. Donec quis sollicitudin sapien. Suspendisse rutrum urna in orci ornare ornare. Curabitur leo mauris, tempus id consequat sed, iaculis sed tellus. Aliquam eros augue, tempor ac mattis dignissim, iaculis quis turpis. Integer euismod ipsum eget urna porta viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed porta, diam vel semper suscipit, lorem massa interdum eros, in hendrerit dolor augue at orci.
如何删除主块（#page）下的空白？
问题答案：
好吧，那就不要使用相对定位了。使用相对定位时，该元素仍会占用原来的空间，并且您无法摆脱它。例如，您可以改用绝对定位，也可以使元素彼此浮动。
我对布局进行了一些尝试，建议您将这三个规则更改为：
#layout { width: 636px; margin: 0 auto; }
#menu { position: absolute; width: 160px; margin-left: 160px; }
#page { width: 600px; padding: 8px 16px; border: 2px solid #404241; }
-
问题内容： 和CSS 和有什么不一样？那你什么时候应该使用呢？ 问题答案： CSS绝对定位 绝对定位是最容易理解的。您从CSS 属性开始： 这告诉浏览器应将要定位的所有内容从文档的正常流程中删除，并将其放置在页面上的确切位置。它不会影响HTML中它之前或之后的元素在网页上的放置方式，但是除非您重写它，否则 它将 取决于其父级的位置。 如果你想一个元素从文档窗口的顶部10个像素的位置，你会使用偏移与
-
问题内容： 我在另一个div内有两个div，我想使用css将一个子div放在父div的右上角，另一个子div放在父div的底下。即，我想对两个子div使用绝对定位，但是将它们相对于父div而不是页面定位。我怎样才能做到这一点？ 范例html： 问题答案： 这工作，因为手段类似“使用，，，来定位自己相对于谁拥有最近的祖先或”。 因此，我们使have 和子代都有，然后使用和定位子代。
-
问题内容： 这是一个示例：全角菜单作为表格，而ul-s作为下拉菜单。 在ie和Opera中可以正常工作，但是在整个屏幕上都无法正常显示Firefox下拉菜单uls！ 有什么帮助吗？ 问题答案： 不适用于表格单元格（或）。 ‘position：relative’对table-row-group，table-header-group，table-footer- group，table-row，tabl
-
问题内容： 我遇到过许多涉及负边距的布局技术，例如这种用于边栏定位的经典方法。这些技术似乎可以相对容易地应用于相对定位。 所以代替这个： 一个可以做到这一点： 似乎相对位置在垂直方向上甚至可能更干净，因为上边距操纵可能会受到边距崩溃等影响。 一个相对于另一个有什么优势，或者它们实际上是等效的吗？ 谢谢- 问题答案： 我猜相对定位会将内容向左移动，但是除非您将下一个元素也设为相对，否则原始空间将被其
-
我在另一个div中有两个div，我想使用CSS将一个子div放置在父div的右上方，另一个子div放置在父div的底部。例如，我想对两个子div使用绝对定位，但是相对于父div而不是页面定位它们。我怎么能这么做？ HTML示例：
-
问题内容： 谁能告诉我和之间的区别，以及 在我将其添加到/ / 元素时它们之间的区别是什么？ 我现在正在使用，但是我也想探索。这将如何改变定位？ 问题答案： 绝对定位是指元素完全从页面布局的正常流程中移出。就页面上的其余元素而言，绝对定位的元素根本不存在。然后，在您使用属性指定的位置，元素本身被单独绘制，在所有其他内容的“顶部” 。 使用您使用这些属性指定的位置，该元素将被放置在其最后一个祖先元素