두 개의 인라인 블록 사이에 남아있는 공백을 다른 인라인 블록으로 채우십시오.

Question

세 개의 div가 있습니다. 각각은 인라인 블록입니다. 왼쪽 하나가 떠있었습니다. 오른쪽 하나가 오른쪽으로 뜬다. 가운데 하나도 바로 떠 다닙니다. 바깥 쪽 div는 고정 너비입니다. 내가 원하는 것은 중간 div가 다른 div 사이의 전체 공간을 채 웁니다. 너비는 화면의 모든 너비에서 작동해야하기 때문에 너비를 지정할 수 없습니다. 여기에 코드가 있습니다.

<div id="wrapper"> 
    <div id="right"></div> 
    <div id="middle"></div> 
    <div id="left"></div> 
</div> 

#wrapper { 
    width: 100%; 
} 
#left { 
    float: left; 
    width: 50px; 
} 
#right { 
    float: right; 
    width: 50px; 
} 
#middle { 
    float: right; 
} 

Answer 1

당신은 #middle에 float:right;을 제거하고 #left 및 HTML 마크 업 #right 후 넣어해야합니다.

<div id="wrapper"> 
    <div id="right"></div> 
    <div id="left"></div> 
    <div id="middle"></div> 
</div> 

CSS 작업 답변

#wrapper { 
    width: 100%; 
} 
#left { 
    float: left; 
    width: 50px; 
} 
#right { 
    float: right; 
    width: 50px; 
}