在单行填充空间中显示两个div - CSS

bla*_*d Ψ 3 html css css3

我有两个div divadivb.他们有一个固定的高度30px.我希望将它们一个接一个地显示在一行中.这可以通过分别给予它们的宽度10%和宽度来完成.这很好用.但我给了他们一个边界,这扰乱了计算.我给了第二个div宽度并正在工作.但是在那个div之后有一个空的空间.90%float: left1 px88%

我希望两个div显示在一行中.页面重新大小,我希望div填充空间,所以我不能给它们固定的宽度.第一个div可以给定一个固定的宽度,因为我只想要它150 px宽.但第二个div必须更宽,以填补空间.

我得到的是这个;

目前的布局

我想要这个:

预期的布局

是小提琴.

Hen*_*son 9

添加width: 100%到正文并float: left;在div1 float: left;上指定并删除div2.

如果您在子元素上使用百分比宽度或高度,则必须在父元素或更确切的容器元素上指定百分比宽度或高度.

那应该解决它!:)

看到这个小提琴

祝好运!