0

更新：

对不起，我应该在发布之前更新我的代码。这个更新的版本显示我需要在蓝色块周围有一个 1 像素的白色边框。如果“行”由于文本溢出而更高，我也需要蓝色块“更高”。

http://jsfiddle.net/trevoray/76VRz/53

----- 原始问题：

我环顾四周，大多数关于此的问题都是针对两列页面的。我需要有关我正在创建的两列导航菜单的帮助。每当第二列中的文本溢出到下一行时，我需要随之而来的高度和背景颜色。我尝试了各种调整，但似乎无法找到正确的工作。

有人可以看看我的jsFiddle，看看你能不能解决这个问题？我需要左栏是纯蓝色的。

http://jsfiddle.net/trevoray/76VRz/

.nav-bar-container { font-family:Verdana, Geneva, sans-serif; font-size:13px;   }
.nav-bar-row { width:225px;  }
.nav-bar-column-1 { background-color:#4055a1; width:20px;   float:left;}
.nav-bar-column-2 { margin-left:10px; padding-left: 2.5em; text-indent:-1.2em;  }
.nav-bar-column-2 a { color:#4055a1;  }

谢谢！

4

1 回答 1

0

拥有这么多这样的div并不好。这样做会更容易和更整洁

<div>
    <p>one line</p>
    <p>one line</p>
    <p>one line</p>
    <p>two lines of text over two lines</p>
</div>

这是您的要求的演示http://jsfiddle.net/kevinPHPkevin/xkN39/1/

于 2013-03-31T14:08:28.117 回答