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>