사업부 - 폭 문제

나는이 같은 다른 DIV 내부 사업부 데

<div class="navigation"> <!-- this div must be a single row --> 

    <div class="navigationButtons"> 
    </div> 

    <div class="feedback"> 
<div id="screenInfo" class="screenInfo"> 
    PAGE_NUMBER_CANNOT_BE_LESS_THAN_ONE 
</div> 
    </div> 

    <div class="pagination"> 
    </div> 

</div>

CSS 클래스 여기

div.navigation { height: 25px; } 
div.navigation div.navigationButtons { width: 13%; float: left; } 
div.navigation div.feedback{ margin-left: 15%; margin-right: 12em; overflow: hidden; } 
div.navigation div.paging { float: right; margin-right: 0.5em; width: 11em; } 
div.screenInfo { border-bottom:1px solid #FFDBBD; border-top:1px solid #FFDBBD; margin:0em 0em 1em; width:71.8em; }

"screeninfo는"71.8em의 폭을 가지고 있지만 나는 "피드백을 원한다 "여백 사이에 사용할 수있는 너비 (71.8 미만일 수 있음)를 채우십시오.
하지만 오버플로를 숨김으로 설정 한 후에도 "내비게이션"div를 한 행에 얻을 수 없습니다.

미리 감사드립니다.

출처

2011-01-03 kanap008

overflow:hidden은 새 서식 지정 컨텍스트를 만듭니다. 즉, div가 부동 요소 사이에 맞춰집니다.

따라서 div.feedback의 여백을 제거 할 수 있습니다.

출처

2011-01-03 06:57:43 MatTheCat

div.feedback에서 여백을 제거했지만 여전히 div.feedback 요소의 너비가 사용 가능한 공간을 초과하고 전체 행이 하나의 행에 포함되지 않습니다. – kanap008

사업부 - 폭 문제

답변

관련 문제