2010-12-15 3 views
0

바보 같은 간단한 해결책이 될 수도 있지만 내가 잘못 여기에 무엇을 찾을 수 없습니다 :지역에 걸쳐 원하지 않는 항목을 나열 하시겠습니까?

간단한은 설정 : 한 <div> 컨테이너를 두 가지 내용으로 하나 개 <ul> 왼쪽에있는 목록과 바로 옆에 또 다른 <div>.

문제 : 어떤 식 으로든 <li> 개의 항목은 margin-right:auto;과 같습니다. 나는 아무렇지도 않게 선언했다. 0 : 중요; 변화가 없다. 이 동작은 오른쪽 컨테이너가 목록 블록 아래로 이동하게합니다. 까다 롭지 만 js가 필요하기 때문에 CSS 부동을 사용할 수 없습니다.

<div class="full"> 
    <div class="text_container" stlye="position:relative;width:250px;"> 
     <ul> 
     <li class="box_link2">Item 1</li> 
     <li class="box_link2">Item 2</li> 
     <li class="box_link2">more items</li> 
     </ul> 
    </div> 

    <div class="text_container"> 
     <p>Content</p>  
    </div> 
</div> 

목록 항목을 제어 할 수없는 이유를 난 그냥하지 않습니다

는 코드입니다. 그렇게 정상입니까? 두 콘텐츠의 순서를 변경하더라도 div s li의 확장으로 인해 오른쪽의 텍스트를 클릭하거나 선택할 수 없습니다.

도움을 주시면 감사하겠습니다.

+3

당신은 철자가 "stlye"라는 것을 알고 있습니까? – Jeriko

+0

스퀘어 스타일이 맞아도 너비가 맞을지는 의심 스럽다. 내가 틀렸다면 누군가 나를 교정하지만 상대 div의 너비를 설정할 수 있다고는 생각하지 않는다. 이것을 위해 위치를 절대 또는 고정으로 설정해야한다고 생각합니다. – ClarkeyBoy

+0

** @ Jeriko ** 이제 네가 나에게 말한다. 나는있다. 바보 나. 그래도 물건을 바꾸지 않습니다. 감사. – neoflox

답변

0

는 여기를 참조하십시오 : 당신이 float를 사용할 수 없기 때문에, 당신은 display:inline-block이 필요합니다 http://www.jsfiddle.net/9V2eH/

.

또한 정확한 너비가 div에 필요합니다.

div에 이 포함 된 정확한 내용이 필요하므로 문자가 넘치지 않도록주의하십시오.

+0

감사합니다 Chouchenos. 정확한 코드로 이식되었지만 여전히 작동하지 않습니다. 이제는 LI와 UL이 더 이상 오버 플로우되지 않지만 div가 포함 된 div가 전체 너비로 확산됩니다 (Safaris 및 Firefox의 디버그 콘솔 사용). 너비는 정확해야합니다 (.full = 880px, ul-div = 250, content-div = 500, 여백 및 여백은 최소 임) – neoflox

+0

_ 이제 작동합니다! _이 경우 position : relative가 나쁜 생각 인 것 같습니다. .text_container 클래스에서 사용했습니다. 나는 안심이 돼, 너에게 고마워! 감사! – neoflox

+0

@neoflox : 음, 그렇습니다. 난처하게 여기에 목적이 없으므로 까다롭게 포지션 : 친척을 제거했습니다. 해피 당신은 혼자서 그것을 해결 :) – Shikiryu

0

정상적인 동작입니다.

.text_container을 왼쪽으로 띄우고 있습니까? 그렇지 않다면 아무 문제가 없습니다. 그렇다면 .text_container의 너비와 .full 너비와 같이 좀 더 많은 정보가 필요합니다.

+0

아니요 아무 것도 뜨지 않습니다. .full 및 .text_container는 margin & padding 및 position : relative의 몇 픽셀 만 정의하며 무시할 수 있습니다. – neoflox

+0

고마워, 지금까지 작동 해. – neoflox

+0

나는 문제를 이해하지 못했기 때문에 어떻게하는지 말해주세요. –

관련 문제