小编jon*_*ezy的帖子

我有JS生成的内容,并希望它周围的div.

我不知道为什么,但div父母总是100%宽.

我以为我有div宽度:100%某处,但令人惊讶的是它在jsfiddle看起来几乎相同:

http://jsfiddle.net/f2BXx/2/

那么为什么外部div总是100%宽？以及如何解决这个问题？我尝试使用display:inline,但它将width设置为0px; /

CSS:

.outer {
    border: solid 1px red;
}

.item {
    height: 300px;
    width: 400px;
    border: solid 1px blue;
}

.allright {
    height: 300px;
    width: 400px;
    border: solid 1px blue;
    outline: solid 1px red;
}

HTML:

<p>I don't know where "outer" div 100% width comes from?</p>

<div class="outer">
 <div class="item">
     <p>Something big!</p>
 </div>
</div>

I always thought it'd look like that:

<div class="allright"></div>

我无法设置外部div宽度(宽度:xxxpx),因为所有内容都是动态创建的.