問題寬/ lengh與percentual的

我有這樣的HTML：問題寬/ lengh與percentual的

<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」中退出從容器中取出！

爲什麼？它是100％（或至少，直到容器有空間）。

對不對？我該如何解決它？

來源

2011-05-08 kwichz

如果您希望div爲全角，請一起擺脫width和float。默認行爲是水平擴展。

來源

2011-05-08 16:49:00

呃...並使用寬度和浮動可能會得到相同的效果？要知道，不知道，如果不把一些屬性，所有的瀏覽器做同樣的效果:)你爲什麼要擺在首位，以使用float – kwichz 2011-05-08 16:52:01

@kwichz？無論如何，100％寬的元素沒有意義，是嗎？ – 2011-05-08 16:52:38

@ kwichz：你沒有任何意義。你是說你*不要*要素是全角？ – 2011-05-08 16:53:02

這是因爲框模型：padding值將被添加到100％的寬度。

然而，div會自動承擔100％的寬度，包括所有填充，如果你不指定特定的寬度。如果刪除這些行：

width:100%; 
float:left;

該div將自動佔用所有可用寬度。

來源

2011-05-08 16:50:18

問題寬/ lengh與percentual的

回答

相關問題