http://jsfiddle.net/R9ejR/나 CSS로 폼의 스타일을 도와
내가 나란히 보여 height
, weight
, physique
등과 같은 일부 필드를 표시하려면, 그래서 간단한 CSS를 showOnSide
을 쓴 단순히 float:left
내용을 추가하지만이 클래스를 formelement
뒤에 추가하면 요소가 취소 할 수 없게됩니다. 어떤 아이디어? 그 제거 상대 :
http://jsfiddle.net/R9ejR/나 CSS로 폼의 스타일을 도와
내가 나란히 보여 height
, weight
, physique
등과 같은 일부 필드를 표시하려면, 그래서 간단한 CSS를 showOnSide
을 쓴 단순히 float:left
내용을 추가하지만이 클래스를 formelement
뒤에 추가하면 요소가 취소 할 수 없게됩니다. 어떤 아이디어? 그 제거 상대 :
처럼, 하나의 공백으로 구분되어야한다. (Maus에게 감사드립니다). 그렇지 않으면
: jsFiddle에서
솔루션 : Solution with clear and floats
설명하기 어렵지만, 당신의 리튬 요소가 떴다 하나가 당신의 입력 요소의 꼭대기에 앉아있었습니다. 이제 플로팅이 예상대로 작동합니다. 플로팅 아래에 ShowOnSide없이 목록 항목을 강제로 지우려면 정리가 필요합니다.
문제가 해결되었습니다. – Bluemagica
실제로 잘못 되었기 때문에 설명하기가 어렵습니다. 우선, 항목을 두 번 지 웁니다 (한 번, 그 다음 :). 둘째,'.showOnSide'만이 모든'form li'가 아닌'position : relative'를 가져야합니다. – maus
클래스는 위치를 필요로하지 않는 경우 li class="form_element showOnSide"
예, 그랬지만 요소는 'showOnSide'를 추가 한 후에 클릭 할 수 없습니다. 'height' 입력 상자를 클릭하십시오. http://jsfiddle.net/R9ejR/3/ – Bluemagica
''form li'에 대해''position : relative; ''를 놓으십시오 – maus
jsfiddle의 어떤 요소도'showOnSide' 클래스를 가지고 있지 않습니다. 작동하지 않는 케이스를 만드는 대신 작동하지 않는 예를 들어주십시오. – cdhowie
http://jsfiddle.net/R9ejR/3/ – Bluemagica