0

我早些时候寻求帮助，这太棒了，我很感激，但我需要你们的专家帮助。

http://www.mrandmrsmagic.com是我正在开发的站点，在简化代码并且没有绝对定位之后，由于某些奇怪的原因，菜单栏没有随站点缩放。推荐标签也被切断了，我猜这是因为宽度不够长？

此外，在较小的显示器（15 英寸以上）上，他们说视频库和照片库在右侧 3 英寸处，有没有办法我可以添加填充或边距以使它们像他们一样粘在中间有更大的屏幕？任何和所有的帮助将不胜感激。

4

1 回答 1

0

行...

您的画廊位于div指定位置。

例如

#gallery {
    position: relative;
    left: 950px; /* This needs to be removed */
    top: -560px; /* This needs to be removed */
}

这将始终迫使div关闭到一边。

如果我错了，我认为您想要并纠正我的是两列。

这实际上很容易做到，我在这里设置了一个例子来帮助你。

在我的示例中，两列左右浮动以在中间为它们提供空间，而divs具有类的两列.placeholder提供高度和宽度。

如果您创建类似的内容，分别.placeholder用您的图像和图库替换每个内容，那么您应该能够将视频保留在主要内容中。

希望这会有所帮助。

编辑

我会尽力正确解释一切。

我链接的示例中的内容 div 只是用来环绕该示例中的浮动列。您不需要复制它。

列左右浮动以分隔内容并将其并排放置。添加一个浮点数仅仅意味着它们将在其父容器内尽可能沿给定方向定位自己。

浮动内容会破坏页面的流动，因此父级需要.clearfix添加类以防止列下方的任何内容被破坏。它还允许父母有高度。

对于不同的显示器宽度，以不同的方式定位图库仅适用于能够理解 css 中的媒体块的浏览器，而 ie7 和 ie8 则不能。使用两列布局会好得多。

于 2012-09-20T23:08:39.650 回答