Question

这里我没有什么问题(这里的价值就是这样说):

Lets say I have a window with a width around 500px. Inside my document, I have an outer div with no specified width, but the following css:

.outer{
  white-space:nowrap;
  background:blue;
}

除此以外,还有3个拥有以下财产的小区:

.t1{
  display:inline-block;
  width:400px;
}

(notice the width of 400px. That s where the problem is, the line is wider than the window, and the outer div does not extend. The HTML looks like that:

<div class="outer">
    <div class="t1">1</div>
    <div class="t1">2</div>
    <div class="t1">3</div>
</div>

我想要达到的是,在不为<代码>t 1类别规定的情况下,有3个内聚四。这一范例将产生一种蓝色背景,仅限于窗户的宽度。

See full example here: (如果你的屏幕大小,就必须调整底层左上角。)

我很想知道,在不确定外围宽度/内干线背景的情况下,是否只有ru才能达到。

Answer 1

>float:左或 >>: inline-block to .outer 。

Answer 2

增加超支:隐蔽;宽:100%;

Answer 3

解释@thirtydot的答复,

差异是组成部分:

整级元素总是在新线上起步,并覆盖全部可用宽度(在左边和右边挖掘)。

因此,在缺席的情况下,父母的 w是100%。如果您将这一改动改为inline-block或inline 你会取得你想要的效果。

一条直线要素并不从新的一线开始,而只是在必要的情况下才算起。

友情链接