Question

我的页面顶部有一个主菜单栏。现在我的#LinkToMenu无法调整大小等等，即使有position: relative。但是如果我在#mainmenu样式上设置一个特定的宽度，我就不会这样做了。我甚至试过width: auto，没有运气。

<div id="mainmenu" style="position: relative;">

<div id="LinkToMenu" style="position: absolute; right: 130px; top: 10px;">
  <a href="home.php">Home</a>
</div>

<img src="images/mainmenu_logo3.png" style="position: absolute; top: 2px; left: 210px; ">

有什么问题？我该如何解决这个问题？

具有几乎相同设置的图像在调整大小时工作正常，但不是条形链接？

Answer 1

我不知道如果我正确理解你的问题，但我确实做了类似的事情，我这样做（在样式表中）： .header { 位置：相对; 顶部：0; 左：0; 填充：6px 6px 5px 5px; 身高：85px; }

我似乎记得以下绝对在没有顶部和左边的情况下不起作用，所以这个位置正在做点什么。

希望这有帮助

Answer 2

我不确定我理解你的问题，但我认为你应该做到以下几点：

#LinkToMenu{ position: absolute; right: 130px; top: 10px; float:right"}
#mainmenu{float:right; width:100%}

这应该可以解决问题。

Answer 3

我认为#linkToMenu需要为其分配宽度。

Answer 4

#mainmenu实际上没有内容 - 它是两个孩子position:absolute，所以从正常流程中移除。因为，DIV元素是一个块，所以应该扩展到容器的整个宽度，尽管不会有任何高度。

Answer 5

position：relative告诉css引擎这个div是对内部div的引用。

position：absolute告诉这个div是absoulte定位到具有相对位置的outter div，或者如果没有分配浏览器窗口。

除非你为reltive div给出宽度和高度，否则实际上找不到绝对div位置本身。

CSS：有关位置相对/绝对的帮助

5 个答案: