无法移动div百分比值

我正在设置两列的网页上工作。我把所有东西都分成两列，每个都有一个容器。我正在尝试移动包含h1标题的div。它位于：相对位置，我试图根据百分比来移动它，所以当浏览器调整大小时它仍然看起来不错。我可以用百分比移动左/右的罚款，但我无法移动顶部或底部。它适用于px，但在浏览器调整大小时会被搞乱。我做错了什么，我需要做些什么以便能够以百分比的方式移动它？无法移动div百分比值

下面是HTML（这实际上不是在同一行，但出于某种原因，它不希望去到这里，它实际上是这样的）：

<div class = "aboutuscontainer2">  <a href="http://s1379.photobucket.com/user/Staroson/media/image1_zpsd2ppwgmq.jpg.html" target="_blank"><img id = "pic" src="http://i1379.photobucket.com/albums/ah138/Staroson/image1_zpsd2ppwgmq.jpg" border="0" alt=" photo image1_zpsd2ppwgmq.jpg"/></a><div class = "developerhead"><h1> Meet the developer:</h1></div></div></div>

这里是CSS：

.aboutuscontainer2 { 
    position: relative; 
    float: right; 
    top: 60px; 
    right: 0%; 
    border: solid white 1px; 
    width: 47.3%; 
    min-height: 100%; 
    overflow: hidden; 
} 

#pic { 
    position: relative; 
    left: 67%; 
    top: 2px; 
    width: 32%; 
} 

.developerhead { 
    position: relative; 
    color: yellow; 
    top: 0%; 
    left: 10%; 
}

来源

2015-12-23 Cody DeBos

想要显示一些HTML吗？ –

欢迎来到Stack Overflow！定位是布局网页的非常糟糕的方法。它非常不灵活，并且有更好更快的响应选项。退房[** LearnLayout.com **]（http://learnlayout.com/） –

这是因为容器/列没有设置高度。最高百分比取决于容器，容器没有固定高度。

来源

2015-12-23 17:16:24

Html现已添加..我的错 –

无法移动div百分比值

回答

相关问题