2011-08-12 152 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的大小。 –