2012-10-09 2 views
0

같은 선에서 일부 선택자를 수평으로 정렬하려고했습니다. 시도했다 float:left 그러나 일하지 않았다! 아니면 내가 바보 같은 짓을하는거야? 이걸 도와주세요. 그들을 감싸는부동 선택기

.styled-selects{ 
    display:inline-block; 
    float:left; 
} 
당신이 선택 상자를 떠해야

하지 사업부 : http://jsfiddle.net/6YKhT/

답변

3
.filter-section select { 
     float:left; 
} 

충분합니다. 인라인 디스플레이가 필요하지 않습니다.

+0

그것은 작은 것이 었습니다! 부끄러운 줄 알아 : – user1012181

+1

많은 문제가 많은 눈으로 해결하기 쉽습니다 :) – Sem

+0

user101, 코드에 무엇이 잘못되었는지 명확하게 설명하기 위해 : float : left; '개체를 부모 개체와 나란히 표시하고 싶지 않은 개체를 가리 킵니다. 코드에서 다른'div '를 복사하여 그 안에'select'를 붙여 넣으면 두 개의 div가 나란히 나타나서 각각에 스택 된 셀렉션이 있습니다. [여기를보십시오.] (http://jsfiddle.net/p7Jyx/) – jmeas

1

당신은 내 생각 같은 것을 할 싶어요.

+0

:) :) 이것은 바보라고합니다! 고마워요. .. 일했습니다. :) – user1012181

1

.. 대신 시도 :

.styled-선택을 디스플레이 { 인라인 블록; float : left; }

1
.filter-section div{ 
     float:left; 
} 

당신은 플로트에게 잘못된 DIV 컨테이너를 목표로했다. filter-section의 하위 컨테이너에는 'float : left'가 있어야합니다.

1

그것 이미 몇 번 언급 - 그러나 비영리 또는 중 하나가이 단일 줄 지어 옵션을 선택 만들 수있는 간단한 방법은 다음과 같습니다

.styled-selects { 
    float:left; 
} 

또는

​.filter-section select { 
    float:left; 
} 

을 그냥 그렇게 조심해야을 각 CSS 정의가 올바른 요소에 적용됩니다. div 태그를 중첩하면 가끔 시스템에 렌치가 생길 수 있습니다.)

+0

크기가 다른 요소/alt가 있으면 인라인 블록이 도움이됩니다. 콘텐츠를 제공 할 수 있습니다. – GFargo