DIV 位置固定，内部内容重叠

【问题标题】：DIV Position Fixed, inner content overlappingDIV 位置固定，内部内容重叠
【发布时间】：2017-02-07 09:59:02
【问题描述】：

我正在创建一个粘性标题，父 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/

【问题讨论】：

标签： jquery css css-float

【解决方案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 的宽度和高度

【讨论】：

感谢 FllnAngl :) 感谢您的快速帮助.. 问候