CSS 최대 폭

를 작동하지 않는이 코드를 가지고 있지만, 이상하게 최대 폭과 속성이 작동하지 않습니다 :CSS 최대 폭

HTML :

<body> 
    <img src="imgs/topBar.png"> 
    <div id ="wrapper"> 
    </div> 
</body>

CSS :

body { 
    padding: 0; 
    margin: 0; 
} 
body img:first-child{ 
    width: 100%; 
    height: 5px; 
    margin:0; 
    display: block; 
} 
#wrapper { 
    width: 100%; 
    max-width: 1200px; 
    height: 100px; 
    margin: 0 auto; 
    border: 4px solid; 
}

I을 만든 http://jsfiddle.net/vkdbq/

출처

2014-04-26 Miguel

실제로 작동합니다. – potashin

저에게 맞습니다. jfiddle에서는 최대 너비가 500으로 설정되어 있고 코드에는 1200이 있습니다. – Mastrianni

이것은 무엇입니까? 나는 그걸 확인하기 위해 경계를 만들었고 오른쪽에서는 사라지는 것을 확인했습니다 ... 크롬에서 동일하게 작동합니다 – Miguel

설정할 수 있습니다 :

#wrapper { 
    -webkit-box-sizing: border-box; /* Safari, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 

    width: 100%; 
    max-width: 1200px; 
    height: 100px; 
    margin: 0 auto; 
    border: 4px solid; 
}

출처

2014-04-26 10:19:34 Mastrianni

CSS 최대 폭

답변

관련 문제