html - CSS:如何使 <p> 标签的边框在 div 标签上占 100%？

Question

大家好，我正在为我的网站使用 boostrap，我想要一个边框占据特定 div 的整个宽度。这是我目前所拥有的:

我想把它放在整个 div 上。我试过 display:block width:100%，它只是不想工作。

有人要解决方案吗？

CSS

.borders {
    border-top: 1px solid #dedbdb;
}

HTML

<div class="row">
    <div class="col md-4 borders">
        <p><span class="glyphicon glyphicon-user"></span>{numberAttending} {numberMaybe} {numberNotAttending}</p>
    </div>
</div>

Answer 1

您的边框没有占据整个宽度的原因是您的行上有填充。

<div class="row no-padding">
     <div class="col md-4 my-styles">
        <p><Content here.</p>
     </div>
</div>

.no-padding {
    padding: 0;
}

.my-styles {
    border-top: 1px solid #dedbdb;
    padding: 15px;
}