html - 有没有办法使 Div 宽度与其中包含的内容一样宽？

Question

我一直在尝试制作一个水平网页。但是我不想继续将宽度设置为某个宽度以适应浮动的内容有没有办法让 Div 自动重新调整为它包含的内容的大小？这样所有内容都是浮动的还是“水平”滚动的？我正在使用宽度：“特定大小”，但是一旦我有太多内容就会溢出，有没有办法不发生这种情况，而且我不必指定特定的宽度大小？

编辑：我想要的是整个网站水平滚动。我不希望特定的 div 本身有滚动条，但我希望 div 能够调整它的宽度以适应内容，无论我是否有 3 个 div 或者我决定稍后添加 6 个 div 到分区。

例如我想要的是这样的。（即使我有更多内容，它也不会掉到下一行）我的意思是这可以单独使用 css 来实现吗？）我特别想要整个网站滚动的效果，而不仅仅是我不知道的 div如果该网站正在这样做。基本上我希望整个网站水平滚动，而不仅仅是特定 div 本身的滚动条。

例如，如果您有更多内容，您可以垂直向下滚动，这就是我想要的，但我希望在网站的水平滚动中，这甚至可能吗？

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

score 2 · Accepted Answer

检查这个小提琴，这是你需要的

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

score 2 · Accepted Answer

2

我想你需要的是display: inline-block;

于 2012-04-14T07:48:58.987 回答

score 0 · Accepted Answer

1. display:inline-block
2.float:left或者float:right因为它会破坏线框。
3.position:absolute；（and without top, left or position:absolute) 可能需要知道信息才能使用它。

score 0 · Accepted Answer

0

将 CSS 宽度属性设置为 auto

#yourDiv {width : auto;}

于 2012-04-14T07:34:18.557 回答

4 回答 4