Question

我想制作，将我的背景形式排成一行，我试试这个：

        <div id="items">
        <div id="item_bg"></div>
        <div id="item_bg"></div>
        <div id="item_bg"></div>
        </div>

        #items {
        display: block;
        width: 700px;
        }
        #item_bg {
        background: black;
        border-radius: 7px;
        height: 128px;
        width: 128px;
        }

现在看起来像这样：https://jsfiddle.net/vmz76s1z/ 但我想要那个节目

Answer 1

将float:left或display: inline-block添加到您的子元素中。请注意，ID 必须是唯一的，因此请将#item_bg更改为类。

<强> jsFiddle example

Answer 2

首先，ID在HTML页面中应该是唯一的。

首先，您必须将id="item_bg"更改为class="item_bg" 那你有两个解决方案：

首先，如果你想留在继承定位，你可以这样做：

 .item_bg {
            background: black;
            display:inline-block;
            border-radius: 7px;
            height: 128px;
            width: 128px;
            }

其次，如果你想要一个相对浮动项并选择一边对齐：

 .item_bg {
            background: black;
            float:left;
            border-radius: 7px;
            height: 128px;
            width: 128px;
            }

显示内联的背景表单

2 个答案: