DIV Position Фиксированное внутреннее содержимое перекрывается

Question

Я создаю липкий заголовок, родительский DIV Исправлено с установкой Height, я разместил логотип в div и один DIV для меню. Логотип не помещается в родительский контейнер, его перекрытие. Как я могу настроить его с помощью Image Width: 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; 
} 

:)

, если вы никогда не установить ширину сОн изображения в, то в CSS с помощью

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

примет ширину макс и максимальную высоту изображения, а не идти к максимальная допустимая высота. которая должна быть максимальной высотой div, на которой находится изображение. Таким образом, вам нужно будет установить ширину и высоту div.