css : logo : img : float right : 이상하게 보임 : 왼쪽으로 떠 다니고 다른 div의 bgcolor를 표시합니다.

Question

이것은 정적 페이지 일 뿐이며, 너무 주름 장식이 아닙니다. 이 페이지가 휴대 전화, 태블릿 또는 컴퓨터 모니터에서 제대로 스며 들기를 원합니다.

http://www.cupcakeshop.com

로고

내가 그 사업부의 오른쪽에 떠하려면, 폭 400 픽셀이지만 왼쪽 머물고있다. 그것에 덧붙여서, 아래 div의 배경색을 채택하고 있습니다. 제가 누락 된 걸 보시면 도움주세요. 나는 이것에 AAA 초심자이다!

<div class="logo"> 
<a href="http://www.cupcakeshop.com"> 
<img src="http://www.cupcakeshop.com/images/banner.png"> 
</a> 
</div> 

및

div.logo { width:100%; max-width: 760px; height: 110px; float: right; } 

는 내가 뭘 바라고하는 것은 작은 화면에서 400 픽셀을하고 것이라고, 그것은 약간 반응이있는 PC를, 로고는 것에 760px 최대 폭 로고 이미지의 왼쪽에 흰색 배경이있는 오른쪽 여백까지 맞 춥니 다. 너무 복잡하지 않고이 행할 수 있습니까?

여기 JS 빈을 확인하십시오 : 당신의 시간을

덕분에, 오 드라 수도

Answer 1

.logo a img 
{ 
    float:right 
} 

는 당신이 필요로하는 것입니다 http://jsbin.com/usacew/1