Question

我遇到了一个我无法解决的问题。首先是我的HTML：

＆＃13;

<div style="width:1000px; overflow:hidden" class="container">
  <div class="container-items">
    <div class="item-1" style="float:left">-</div>
    <div class="item-2" style="float:left">-</div>
    ....
    <div class="item-n" style="float:left">-</div>
  </div>  
</div>

＆＃13;

班级容器项目＆＃39;应具有动态宽度，具体取决于其中的项目数（class =＆＃34; item-n＆＃34;）。其中的物品不应包裹。我不想使用javascript，我不想设置＆＃34; container-items＆＃34;的宽度。只需9999px或类似的东西。

希望有人可以提供帮助

Answer 1

将display:inline-block用于＆＃34;容器项＆＃34;。

<div style="width:1000px; overflow:hidden" class="container">
  <div class="container-items" style="display:inline-block">
    <div class="item-1" style="float:left">-</div>
    <div class="item-2" style="float:left">-</div>
    <div class="item-n" style="float:left">-</div>
  </div>  
</div>

动态Div宽度 - 仅限css

1 个答案: