1

我已经完成了 CSS 验证（确实发现了一些讨厌的未封闭标签，现在已排序）。我正在尝试将图像与页面的右上角对齐，标题文本在左上角。

我可以这样做，但是当我调整浏览器窗口的大小时，图像总是希望在它们中的任何一个调整大小之前与标题文本重叠。如果我删除了用于放置图像的边距，则图像位于标题文本下方（并且位于右侧）而不是仅位于其右侧，但我觉得删除它（同时保持定位）可能是钥匙。我确实需要图像与其他一些元素重叠。

这是我的图像代码片段：

img#site-logo {
    max-width: 100%;
    height: auto;
    clear: both;
    position: relative;
    z-index: 0;
    margin: -12.87em 2em -16em 0px;
}

对于网站标题：

#site-title a {
    font-size: 4.875em;
    font-weight: bold;
    line-height: 78px;
    padding: 0px;
    margin-right: auto;
    white-space: nowrap;
    z-index: 2;
    position: relative;
}

现场直播：

http://dominicpalma.com/

4

1 回答 1

2

肯定有几种不同的方法可以解决您的问题。但在我看来，这将是min-width为您的#page元素设置 a 的最佳解决方案。

#page{
    min-width:900px;
}

我对宽度进行了一些尝试，并认为min-width900 px 最适合您的情况。

于 2013-03-01T15:48:01.793 回答