Question

我想创建一个固定宽度和高度为100px的div容器，它应该像窗口一样工作。

然后另外

它应该将内容divs放在彼此旁边的“浮动”左边，而不是分成一个新行。
容器应该隐藏宽度或高度的所有长度。

我必须使用

overflow:hidden

在这里小提琴：

container and content

http://jsfiddle.net/hd8Bm/1/

Answer 1

以下是HTML结构示例：

<div id="container">
   <div class="content"></div>
   <div class="content"></div>
   <div class="content"></div>
   <div class="content"></div>
</div>

以下是CSS需要的内容：

#container
{
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid #000;
overflow: auto;
white-space: nowrap;
}

.content
{
width: 50px;
height: 50px;
display: inline-block;
border: 1px dashed #000;
}

这是一个工作小提琴： http://jsfiddle.net/HB8kB/

诀窍是通过white-space：nowrap;

完成的

Answer 2

这就是你想要的。

http://jsfiddle.net/hd8Bm/9/

display:inline没有必要。

Answer 3

好吧，如果你想要隐藏某些东西，或者阻止它被点击，我的意思是，在新的浏览器中，position：absolute可能有效。
浮动：左边有时也很有帮助。

内容隐藏但不破线

3 个答案: