如何使div不响应屏幕大小

Question

查看附件。 我在顶部有6个徽标，在底部有7个徽标，它们伸出屏幕。如何创建底部div无响应？

Answer 1

在其上添加固定宽度。以像素为单位。

宽度：700px;

Answer 2

更新

从页面中删除这些divs以获得所需效果：

<div class="partner-divider"></div>

您需要将display属性设置为：inline-block

<div style="display: inline-block">Text</div>

如果你改变主意并希望它有所回应：

<强> HTML：

<div id="myDiv"> Content </div>

<强> CSS：

#myDiv
{
    min-height: 100%;
    max-height: 100%;
}

参考文献：

How to make div not larger than its contents?

Make div NOT auto stretch to container width

Div 100% height of page responsive

Answer 3

希望这会对你有所帮助。

<div class="col-md-6">
  <div style="width: 500px;">
    <div class="box" id="A"></div>
    <div class="box" id="B"></div>
    <div class="box" id="C"></div>
    <div class="box" id="D"></div>
    <div class="box" id="E"></div>
    <div class="box" id="F"></div>
    <div class="box" id="G"></div>
    <div class="box" id="H"></div>
    <div class="box" id="I"></div>
  </div>
</div>