CSS 요소가 정지 위치 밖에 있습니까?

Question

여기에 이상한 문제가 있습니다. http://www.princessly.com/about-us/

"Get Princess Newsletter"가있는 페이지 하단을보십시오.

회보 < 형태 이드 = "회보 유효성 디테일"> </형태 > 파이어 폭스 파이어 버그에 의해 발견되는 어떠한 곳 없다. 그것은 정적 인 흐름에서 벗어난 것처럼 보이지만 그 자녀, 즉 h2, .newsletter-text 및 .newsletter-paragraph는 모두 부모님의 외측, 즉 .footer-newsletter의 흰색 상자처럼 잘 보이고 있습니다.

2px border-radius, 그 부모를 가진 2px 테두리의 흰색 배경 상자 인 .footer-newsletter 내부에 양식을 배치 할 수 없기 때문에이 문제가 발생합니다.

지금까지 I 시도 :

1. 오버플 : .footer-레터
2. 위치 숨겨진 # 회보 - 검증 - 디테일 정적
3. 위치 # 회보 - 검증 - 세부
대 상대적인
4. 표시 : # 뉴스 레터 - 검증 - 세부

그러나 그들 중 누구도위한 블록했다.

무슨 아이디어가 될지 궁금하십니까? 고마워요!

Answer 1

뉴스 레터 섹션을 제대로 지우지 않았습니다. 이 문제를 해결하려면 다음을 수정하십시오.

.footer-newsletter:before, .footer-newsletter:after { 
    display: table; 
    content: ""; 
    zoom: 1; 
} 

.footer-newsletter:after { 
    clear: both; 
} 

ID가 CSS에 없기 때문에 양식을 찾을 수 없습니다. 그것을 정의하면 나타납니다 :

#newsletter-validate-detail { 
    display: block; 
    float: left; 
    margin: 0 0 10px; 
    width: 100%; 
}