2011-08-12 189 views
4

我已經把它在一個小提琴財產問題:http://jsfiddle.net/6kq2r/CSS最小寬度與百分比

我想設置一個最小寬度與百分比值一個孩子(和我試着用一個%或一個px設置父寬度,並沒有區別)。

<div style="width:60%;border:1px solid red;"> 
    <div style="border-bottom:1px solid blue;min-width:60%;"> 
     TEXT GOES HERE 
    </div> 
</div> 

是否可以做我想要的東西?

+0

哦,它似乎是與兒童跨度,而不是分區工作...!但是,還有可能用div來實現這一點嗎? –

+0

你的例子有什麼問題。它使它所說的。最小寬度意味着寬度至少爲其父項的60%,但由於它是一個塊元素,所以它也可以達到100%。 –

回答

1

如果將顯示設置爲內聯(或內嵌塊),則可以通過DIV實現該功能。區別在於SPAN默認具有內聯顯示,DIV默認具有區塊顯示。

1

在內部DIV上使用width,而不是min-width

+0

但我希望寬度只取文本的大小,而不是完整的父大小,所以如果我設置寬度,它不靈活。 –

+2

然後使用SPAN,這就是他們的目的。 DIV增長到容器的大小,SPAN增長到其CONTENT的大小。 –