0

我有一个网页，其链接位于页面左侧，位于左侧浮动的 div 中。然后，我将内容放在右侧浮动的 div 中。我遇到的问题是，当页面调整大小时，内容会移动到链接下方。

我已经厌倦了将整个页面放在包装器 div 中，但是当我这样做时，链接停止工作，我也无法将内容定位在我需要的位置。

这是包装器 div 的 css

#wrapper {
    margin:0 auto 0 auto;
    min-width:960px;
}
4

3 回答 3

0

我想出解决窗口调整大小问题的最佳方法是像 wordpress 一样，甚至这个网站也这样做：在页面周围放置 balnk 可调整大小的边距，并使所有内容的宽度固定。

“液体”样式（带有百分比等）很酷，但在大多数情况下看起来并不正确，所以最好的办法是让你的页面比整个窗口窄一点，让不同的浏览器只改变页边距大小。

为此，我实际上设置了非常 html 标签的样式，给它一个固定的宽度，比如 1000px 或其他任何东西，然后是 margin-left:auto; 边距右：自动；使其始终居中。

编辑：

把它放在你的CSS中

html {

width:66em;

margin-left:auto;

margin-right:auto;

}
于 2012-05-04T12:16:32.020 回答
0

浮动元素将以这种方式运行，因为它们不在页面流中。

您可能正在寻找的是流畅的两列布局。

于 2012-05-04T12:17:41.950 回答
0

主要问题是您为 div 提供了固定宽度，因此第一步是将 div 的宽度更改为 % 或 em。

从全屏开始，我什至会创建一个没有任何内容的空白页面，只需给 div 一个不同的背景颜色（u）r。这样做是因为您知道内容的宽度不会干扰。

我也会将两个 div 浮动到左侧，并可能在开始时将它们相对定位。

于 2012-05-04T12:18:40.843 回答