CSS位置：绝对位置：相对“顶部”不工作

我正在使用位置的网站：relative div contains position：absolute divs。我了解我相信的概念，并且一切都很好，除非我似乎无法获得top属性来执行任何操作。剩下的作品，但不是顶部。我的代码如下：CSS位置：绝对位置：相对“顶部”不工作

<div id="imagemenu"> 
    <div class="west"> 
     <img src="/makingmusicstore/wp-content/themes/makingmusic/img/west.png" alt="west"> 
    </div> 
    <div class="southwest"> 
     <img src="/makingmusicstore/wp-content/themes/makingmusic/img/southwest.png alt=" southwest "> 
    </div> 
    <div class="south "> 
     <img src="/makingmusicstore/wp-content/themes/makingmusic/img/south.png " alt="south "> 
    </div> 
    <div class="logo "> 
     <img src="/makingmusicstore/wp-content/themes/makingmusic/img/logo.png " alt="Making Music Store "> 
    </div> 
</div>

CSS

#imagemenu { 
    position: relative; 
} 
.logo img { 
    position: absolute; 
    width: 20%; 
    top: 50%; 
    left: 40%; 
} 
.west img { 
    position: absolute; 
    width: 30%; 
    left: 15%; 
} 
.southwest img { 
    position: absolute; 
    width: 30%; 
    left: 15%; 
} 
.south img { 
    position: absolute; 
    left: 35%; 
}

该网站是adams-web.net/makingmusicstore，目前是一个烂摊子，直到我能得到的最高属性的工作。在我看来，这个标志应该在页面的更下方，但它不能正常工作，因为我相信它应该。我不确定我错过了什么。当我将位置更改为静态时，它确实有效，但它不能正确保持位置。

来源

2012-08-13 Rob Adams

嘿，现在在顶部absolute格

像这样定义你的父母DIV高度比用于顶部%：

.parent { 
    position: relative; 
    height: 100px; 
} 
.child { 
    position: absolute; 
    top: 50%; 
}

如果不定义你的父母DIV高度比用于px value in top

.child { 
    top: 100px; 
}

来源

2012-08-13 04:54:54

当然！感谢您的回复，我在此工作了很长时间，答案非常简单。 – 2012-08-13 11:44:29

width和height到#imagemenu

例如：

#imagemenu { 
    width: 100%; 
    height: 400px; 
}

然后检查是否再次position: absolute是否工作。

来源

2012-08-13 04:55:50 Zendy

CSS位置：绝对位置：相对“顶部”不工作

回答

相关问题