CSS 플로트 및 패딩

이것은 HTML 레이아웃입니다. 그런 다음 컨테이너에 padding-top: 10px을 사용했습니다. 왜 작동하지 않습니까? 고맙습니다.CSS 플로트 및 패딩

이 나의 첫번째 스타일 :

.wrap { 
    float: left; 
    width: 1000px 
} 

#container{ 
    background-color: #FFFFFF; 
    padding: 10px 10px 0; 
    width: 980px; 
    float: left; 
} 

#left { 
    float: left; 
    width: 670px; 
} 

#right { 
    float: right; 
    width: 300px; 
}

Example here.

출처

2011-02-16 runeveryday

닫기 태그가인지 확인하십시오. – teuneboon

http://jsfiddle.net과 같은 사이트를 사용하여 예제를 만들 수 있습니까? 또한 닫는 ''태그는 오타 또는 코드에 있습니까? div 태그를 제대로 닫지 않으면 문제가 발생할 수 있습니다. – nybbler

죄송합니다. 오타를 만들었습니다. – runeveryday

요소를 플로팅 할 때 효과적으로 문서 흐름에서 제거되므로 상위에 패딩을 추가해도 영향을받지 않습니다. 두 내부 div 모두에 margin-top: 10px;을 사용할 수 있습니다.

출처

2011-02-16 07:36:22 Kyle

네, 맞아요.하지만 float : 컨테이너 div 왼쪽을 사용하면 패딩이 작동 할 수 있습니다. 나는 너비를 사용하고 왼쪽 너비와 오른쪽 div 너비를 사용했습니다. IE7에서는 firefox.they 모두 괜찮아 보이지만 IE6에서는 오른쪽 div가 비 정상적인 것으로 표시됩니다. 왜? 그것을 바꾸는 방법. 고맙습니다. – runeveryday

CSS 코드도 게시 할 수 있습니까? 우리가 볼 수없는 너비와 수레를 더 많이 사용한다면, 우리는 적절한 해결책을 찾는데 도울 수 있습니다 :) – Kyle

고맙습니다. 나는 위의 스타일을 추가했습니다. – runeveryday

float div가 부동 소수점 앞에 놓여 짐

출처

2011-02-16 08:11:15 Mahima

약간의 코드를 작성할 수 있습니까? –

CSS 플로트 및 패딩

답변

관련 문제