div内的背景颜色宽度

我的问题可能有一个简单的答案，但我无法弄清楚。div内的背景颜色宽度

我想实现：我想获得一个小盒子，将上一个导航按钮的左边走时页面激活其显示的彩色框。我非常糟糕的绘制我想要的样子：P。

。

但是我希望盒子适合div，所以我不必自己定位它，但我可以将宽度更改为我希望的大小。

我曾尝试这样做，但我找不到一种方法来不改变div的宽度。

我知道我可能必须将它与li标签分开，但我不想定位它。

HTML代码

<div class="sidebar"> 
       <nav id="nav"> 
        <h2><?php echo $msg[$lang]["menu"]; ?></h2> 
        <ul> 
         <li><a href="index.php" class="active"><i class="fa fa-play" style="padding-right: 19px;"></i> <?php echo $msg[$lang]["mainpage"]; ?></a></li> 
         <li><a href="history.php"><i class="fa fa-history" style="padding-right: 19px;"></i><?php echo $msg[$lang]["history"]; ?></a></li> 
         <li><a href="top.php"><i class="fa fa-star" style="padding-right: 19px;"></i><?php echo $msg[$lang]["top"]; ?></a></li> 
        </ul> 
       </nav>

干杯，

-framework

来源

2015-11-02 Framework

只需为每个要彩色的div，加style="background-color:#cdcdcd"。

用您想要的HTML颜色代码替换#cdcdcd。 Click here for color codes

编辑：

我意识到，我看了你的问题是错误的。一个div内尝试：

<div style="background-color:#cdcdcd; width: 20px; height: 100%"></div>

编辑2：

看这个JSFiddle

来源

2015-11-02 19:35:39

我不明白你想说什么？ – Framework

对不起，我没有看错你的问题，我编辑了答案 –

“高度：100％”然后改变整个按钮的高度。我非常希望当页面处于活动状态时，背景为5％一种颜色，95％为另一种颜色 – Framework

div内的背景颜色宽度

回答

相关问题