Question

我面对的是我认为奇怪的问题。我有网站http://www.spacemind.ggpro.pl/ar/，我试图制作这个顶级菜单（黑色矩形）坚持我的Wrapper div的左侧。

<div style="z-index:9999;background-color:#000;right:0px;width:80%;position:absolute;margin: 0px auto;height:100px;color:#fff;">
    <div style="padding:20px;">
        <a href="index.html">
            <img src="img/logo.png">
        </a>
    </div>
</div>

现在我使用值width:80%，但我希望有一些方法可以将它粘贴到包装器的左侧。我希望此菜单始终（无论用户使用何种分辨率）位置如下图所示：http://i.stack.imgur.com/QMLvO.jpg

Answer 1

试试这段代码：

<div style="width:980px;margin:auto;position:relative;">
    <div style="z-index:9999;background-color:#000;right:0px;width:100%;position:absolute;margin: 0px auto;height:100px;color:#fff;">
        <div style="padding:20px;">
            <a href="index.html">
               <img src="img/logo.png">
            </a>
        </div>
    </div>
</div>

当然，内联样式是一个坏主意。你应该把它放在一些课程中。

Answer 2

在div标记后面的第一个body分配以下属性：

left: 0;

将元素定位到精确的div

2 个答案: