占用所有水平空间的Div

Question

为什么？我说明了宽度,所以它应该和它里面的内容一样大.

#swfbox {
 padding: 10px 10px 10px 10px;
 margin: 50px auto 0px;
 background: #310600;
 border: 3px solid #4b0900;
}

我把它放在中心并加载swf文件,所以为了工作我必须将其宽度设置为swf文件的宽度,这是不好的,因为我每个文件都有不同的宽度.

Answer 1

<div> 元素是块显示元素,这意味着它们默认为100%宽度,除非另有说明.

如果您希望元素根据其内容进行扩展,您可能想尝试display在<div>to 上设置属性inline(或者只使用a,span因为它本质上是一个inline-div).

编辑:

我猜内联并没有像我预期的那样工作,所以我今天学到了一些东西.你想要做的就是设置display: inline-block,但是它带来了它自己的一系列问题.

首先,根据属性的Quirks Mode页面display,IE6和IE7仅支持inline-block具有自然元素的元素,display: inline这意味着您需要使用<span>元素而不是<div>元素.

其次,inline-block有一套你应该在使用它之前阅读的怪癖,以防止被进一步的"陷阱"感到惊讶.这个页面有很好的写作inline-block.