有没有办法让Div宽度与其中包含的内容一样宽?

时间:2012-04-14 07:32:27

标签: html css css-float

我一直在尝试制作横向网页。但是我不想继续将宽度设置为某个宽度以容纳浮动的内容有没有办法让Div自动重新调整其包含的内容的大小?这样所有内容都浮动或“水平”滚动?我正在使用宽度:“特定大小”但是只要我有太多的内容它溢出有没有办法没有发生这种情况,而且我不必指定特定的宽度尺寸?

编辑: 我想要的是整个网站水平滚动。我不希望只有特定的div本身有滚动条,但我希望div能够调整它的宽度以容纳内容,无论我在其中有3个div还是我决定稍后添加6个div DIV。

For example what I want is like this.(哪里即使我有更多的内容也不会掉到下一行)我的意思是这可以用css单独实现吗?)我特别希望整个网站滚动的效果不仅仅是div我不确切知道该网站是否正在这样做。基本上我希望整个网站水平滚动,而不仅仅是特定div本身的滚动条。

例如垂直,如果你有更多的内容,你可以继续向下滚动,这是我想要的,但我希望在网站的水平滚动中,甚至可能吗?

这是我的代码Jfiddle Code,它适用于tumblr,但我想要的不仅仅是tumblr。我正在考虑为常规网站执行此操作,但我手动添加更多列表项或Div。我只是想看看是否有办法让宽度调整到内容,以便浮动的内容不会下降到下一行。

4 个答案:

答案 0 :(得分:2)

选中fiddle,这就是您需要的

div{
    width:auto;
    overflow:auto;
    white-space:nowrap;
}​

答案 1 :(得分:2)

我认为您需要的是display: inline-block;

像这样:http://jsfiddle.net/ZDJbH/

答案 2 :(得分:0)

将css width属性设置为auto

#yourDiv {width : auto;}

答案 3 :(得分:0)

1。display:inline-block
2。float:leftfloat:right因为它会破坏线框 3。position:absolute;(and without top, left or position:absolute)可能需要知道使用它的信息。