CSS : 위치 문제

안녕 얘들 아. 위치 설정 : 내 UL의 절대 번호가 div #destaques의 맨 아래에 나타나지만 작동하지 않습니다. 무슨 일이야?CSS : 위치 문제

<div id="destaques"> 
<ul>//stuff</ul> 
<div class="banner"><img src="images/001.jpg"/></div> 
<div class="banner"><img src="images/002.jpg"/></div> 
<div class="banner"><img src="images/003.jpg"/></div> 
<div class="banner"><img src="images/004.jpg"/></div> 
</div>

현재 페이지 하단에 표시됩니다.

 #destaques { 
      margin:0; 
      padding:0; 
      width:1000px; 
      height:250px; 
      float:left; 
      overflow:hidden; 
     } 

     #destaques .banner { 
      position:absolute; 
     } 

     #destaques ul { 
      float:left; 
      border:1px solid #777; 
      background:#fff; 
      position:absolute; 
      margin:0; 
      color:#333; 
      padding:0; 
      right:0px; 
     }

무엇이 잘못 되었습니까?

감사합니다.

출처

2011-03-22 Lucas Veiga

를 div에 당신은 좀 더 CSS 레이아웃에 읽어해야합니다. 같은 요소에'float'과'position : absolute'를 주어야 할 이유는 전혀 없습니다. – Jon

이 질문입니까? –

내 대답을 찾았습니다. 위치를 지정하려면 destaques id를 설정해야합니다. 모두에게 감사드립니다. –

당신은 추가해야합니다 : 귀하의 #destaques에

position:relative;

는

출처

2011-03-22 20:29:26 ckaufman

상대 위치 컨테이너는 태그 안에 포함 된 절대 위치 요소를 포함합니다. – ckaufman

CSS : 위치 문제

답변

관련 문제