css中应该怎么样设置才能使ul里的底下灰色的那个最长的线延长到最后？

html-css06

css中应该怎么样设置才能使ul里的底下灰色的那个最长的线延长到最后？,第1张

<ul>

<li></li>

...

</ul>

<div></div>

可以尝试这样的结构，把线的样式应用在div上，这样应该能把线延长到最后了。

有可能需要清除ul的浮动。虽然多了一个标签，但是ul的样式代码会变得简单一些。

<div class="xt"></div>

.xt{

border-top:1px solid #a4c7e3

width:100%

clear:both

}

其实可以写个div，给div的下边框加上线条，控制div的长度就可以了

.token {

    width: 300px

    border-bottom: 1px solid black

}

<div class="token">外婆家私房菜:账户管理</div>