선택 상자가 오른쪽으로 부동하지 않습니다.

h1 및 선택 목록이 포함 된 기본 제목 표시 줄 div를 만들려고합니다. 선택 목록이 div의 맨 오른쪽에 있도록하고 싶지만 오른쪽으로 이동하면 선택 목록이 작동하지 않습니다. 누구든지 아이디어가 있습니까? 코드는 매우 간단하지만 실수가 어디인지는 알 수 없습니다. 감사!선택 상자가 오른쪽으로 부동하지 않습니다.

<style type="text/css"> 
#select { 
float: right; 
} 
h1 { 
display: inline; 
} 
#titleBar { 
width: 800px; 
} 
</style> 

<body> 
<div id="titleBar"><h1>Select Your Car </h1> 
    <select name="categories"> 
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option> 
      <option value="mercedes">Mercedes</option> 
      <option value="audi">Audi</option> 
    </select> 
</div> 
</body>

다음은 jsfiddle에 대한 링크입니다 : http://jsfiddle.net/qhvDG/1/

출처

2011-09-27 Lars

헤드 업에 감사드립니다. 나는 눈치 채지 못했지만 돌아가서 내가받은 유용한 답을 수락 할 것입니다! – Lars

당신의 스타일은 #가 요소의 ID를 나타내며 select이 태그 이름이 아닌 ID입니다 때문에, 다음과 같이 그것이 있어야 해결되지 않습니다. 더 나은 아직 좀 더 설명이 같은

select { 
    float: right; 
}

또는

: 여기

div#titleBar > select { 
    float: right; 
}

는 예를 들어 바이올린

출처

2011-09-27 18:37:16

http://jsfiddle.net/qhvDG/3/ 귀하는 CSS는 ID가 아닌 요소 이름에 "선택". 그냥 #select에서 # 기호를 제거하십시오.

출처

2011-09-27 18:39:53

스타일에서 #select 대신 "select"를 사용해보세요.

select { 
float: right; 
}

출처

2011-09-27 18:42:45 lgomezma

@lgomezma ....'categories'는 select 요소의 id가 아니며 이름입니다. –

사실, 내 실수 – lgomezma

선택 상자가 오른쪽으로 부동하지 않습니다.

답변

관련 문제