같은 선에서 일부 선택자를 수평으로 정렬하려고했습니다. 시도했다 float:left
그러나 일하지 않았다! 아니면 내가 바보 같은 짓을하는거야? 이걸 도와주세요. 그들을 감싸는부동 선택기
.styled-selects{
display:inline-block;
float:left;
}
당신이 선택 상자를 떠해야
하지 사업부 : http://jsfiddle.net/6YKhT/
같은 선에서 일부 선택자를 수평으로 정렬하려고했습니다. 시도했다 float:left
그러나 일하지 않았다! 아니면 내가 바보 같은 짓을하는거야? 이걸 도와주세요. 그들을 감싸는부동 선택기
.styled-selects{
display:inline-block;
float:left;
}
당신이 선택 상자를 떠해야
하지 사업부 : http://jsfiddle.net/6YKhT/
.filter-section select {
float:left;
}
충분합니다. 인라인 디스플레이가 필요하지 않습니다.
.. 대신 시도 :
.styled-선택을 디스플레이 { 인라인 블록; float : left; }
.filter-section div{
float:left;
}
당신은 플로트에게 잘못된 DIV 컨테이너를 목표로했다. filter-section의 하위 컨테이너에는 'float : left'가 있어야합니다.
그것 이미 몇 번 언급 - 그러나 비영리 또는 중 하나가이 단일 줄 지어 옵션을 선택 만들 수있는 간단한 방법은 다음과 같습니다
.styled-selects {
float:left;
}
또는
.filter-section select {
float:left;
}
을 그냥 그렇게 조심해야을 각 CSS 정의가 올바른 요소에 적용됩니다. div 태그를 중첩하면 가끔 시스템에 렌치가 생길 수 있습니다.)
크기가 다른 요소/alt가 있으면 인라인 블록이 도움이됩니다. 콘텐츠를 제공 할 수 있습니다. – GFargo
그것은 작은 것이 었습니다! 부끄러운 줄 알아 : – user1012181
많은 문제가 많은 눈으로 해결하기 쉽습니다 :) – Sem
user101, 코드에 무엇이 잘못되었는지 명확하게 설명하기 위해 : float : left; '개체를 부모 개체와 나란히 표시하고 싶지 않은 개체를 가리 킵니다. 코드에서 다른'div '를 복사하여 그 안에'select'를 붙여 넣으면 두 개의 div가 나란히 나타나서 각각에 스택 된 셀렉션이 있습니다. [여기를보십시오.] (http://jsfiddle.net/p7Jyx/) – jmeas