如何：动态导航栏大小取决于动态图像大小？

Question

我的页面上有一张图片占用了 25% 的宽度。 现在我希望它右侧的导航栏与图像具有相同的高度。 我怎么做？ 如果可能的话，我更喜欢 CSS 或 JS 解决方案......而且我不想使用桌子......

提前致谢！

PS：导航栏是这个的变体： http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm

这是主页的一部分：

<style type="text/css">
   #Logo {
      position: absolute;
      margin-left: 20px;
      margin-top: 20px;
      width: 25%;
      border: 2px solid black;
   }

   #Nav {
      position: absolute;
      margin-left: 30%;
      margin-top: 20px;
   }

</style>



</head>
<body text="#000000" bgcolor="#ABECEE" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<img src="xxxxxxxxxxxxxxxxx" id="Logo"></img>
<div id="Nav"><?php include("navi.html"); ?></div>

Answer 1

我不确定我是否正确，但据我了解，您需要图像的滚动条，因此您可以执行以下操作：

<html>
    <body>
    <div class="myimage">
    </div>
    </body>
</html>

.myimage
{
    background-image: url('to-my-image');
    overflow-y: scroll;
    /*whatever the width and height of your image*/
    height: 40px;
    width: 50px;
}

Answer 2

你不能让#Logo 的高度影响#Nav 的高度，它们都是绝对定位的（不使用JS）。 像这样的东西会起作用吗？

更新

这个小提琴更符合 OP 的要求。

如何：动态导航栏大小取决于动态图像大小？

问题描述

2 个解决方案

解决方案1
0 2011-08-17 15:30:20

解决方案2
0 已采纳 2011-08-17 15:46:37

更新

如何：动态导航栏大小取决于动态图像大小？

问题描述

2 个解决方案

解决方案1 0 2011-08-17 15:30:20

解决方案2 0 已采纳 2011-08-17 15:46:37

更新

解决方案1
0 2011-08-17 15:30:20

解决方案2
0 已采纳 2011-08-17 15:46:37