Question

我正在创建一个粘性标题，父DIV是固定的，设置高度，我在div中放置了一个徽标，一个DIV用于菜单。徽标不适合父容器，它的重叠。如何使其适合图像宽度：100％;所以它只在父高处。以下是我的

 <div class="header">
   <div class="logo">  
     <img src="http://img2.thejournal.ie/inline/2305998/original/?width=545&version=2305998">
   </div>
   <div class="menu">    
     Home . Services . About  
   </div>
 </div>

请看看这个小提琴： https://jsfiddle.net/fzLq3p2s/

Answer 1

您永远不会设置<div class="logo">

的宽度或高度

https://jsfiddle.net/FllnAngl/fzLq3p2s/2/

固定：

.logo {
  width:100px;
  height:50px;
  float:left;
  display:inline-block;
}

：）

如果你从未设置图像所在的div的宽度，那么在css中使用

.logo img{
  width:100%;
  height:100%
}

将采用图片的最大宽度和最大高度，而不是达到最大可用高度。这应该是图像所在div的最大高度。因此您需要设置div的宽度和高度

DIV位置固定，内容重叠

1 个答案: