html - 百分比的宽度/长度问题

Question

我有这个 HTML:

<div class="messageQuoted"><a href="#">user1</a> wrote :<br>
    <div class="messageQuoted"><a href="#">user2</a> wrote :<br>
        text1
    </div>
    text2
</div>

使用这个 CSS:

.messageQuoted{
    background-color:#EAE9E8; 
    width:100%; 
    float:left;  
    margin-bottom:20px; 
    padding-left:10px; padding-top:5px; padding-bottom:5px; 
    border-left:4px solid #333333; border-right:1px #000000 solid; 
    border-bottom:1px #000000 solid; border-top:1px #000000 solid;
}

但是你怎么能在这个link上看到，第二个带有“text2”的div从容器中退出!

为什么？它是 100%(或者至少，直到容器有空间)。

对吧？我该如何解决？

Answer 1

如果您希望 div 是全 Angular 的，请完全去掉 width 和 float。默认行为是水平展开。