2017-05-02 4 views
0

바닥 글 배경색을 흰색과 다른 것으로 설정하려고합니다. 작동하지 않습니다. 다른 레이아웃 요소의 배경을 변경하는 데 성공했지만 바닥 글이 문제입니다. 바닥 글HTML CSS3 - 바닥 글 배경색이 작동하지 않는 이유는 무엇입니까?

<footer> 
<div id="left"><p>Some_left_text</p></div> 
<div id="right"><p>Some_right_text</p></div> 
</footer> 

CSS : 바닥 글의 높이가 0

당신은 단지이 문제를 해결 할 수 있습니다, 그래서 당신이 떠있는 div를 사용하는

footer {  
    background-color: yellow; 
} 

#left { 
    float: left;  
    margin-left: 180px; 
} 

#right { 
    float: right; 
    margin-right: 180px;  
} 

#left, #right p { 
    letter-spacing: 5px;  
} 
+1

부동 소수점으로 인해 높이가 0입니다. – Ivar

답변

0

을 여기

몇 가지 코드 하단 높이를 바닥 글에 추가합니다.

footer {  
    background-color: yellow; 
    min-height: 40px 
} 
+0

설명해 주셔서 감사합니다. 이제 작동 :) –