2011-03-24 43 views
4

我想要一个带有内容边框的HTML页面。内容不适合在屏幕上。增加身体宽度以适应内容

实施例:

<div style="border: solid red 1px;"> 
    <div style="width: 2000px;"> 
     Hello world 
    </div> 
</div> 

我想镶上DIV为2000个像素宽。但是,它只与浏览器视口一样宽。

如何使外部DIV与其内容一样宽,最好不使用Javascript?

+0

如果你设置外部DIV的宽度,它会更有意义。 – 2011-03-24 13:31:59

+0

我在阅读你的问题时有点不清楚。你为什么不在'DIV'外面'宽度:100%'' – SQLMason 2011-03-24 13:27:48

回答

10

通过添加float: left,可以使外部<div>缩小以适应其内容(“收缩包装”)。

+0

在这种情况下,它将是“expandwrap”。 – 2011-03-24 13:32:37

+0

这是一个伟大的技术 – Xhalent 2011-03-24 13:39:28

+0

谢谢你这个 – hubbl 2011-09-01 15:59:27

2

只是浮动它。

<div style="border: solid red 1px; float: left;"> 
     <div style="width: 2000px;"> 
      Hello world 
     </div> 
    </div> 
相关问题