2012-05-04 3 views
3

사파리와 크롬에서 리 값이 리 숫자 아래로 푸시되는 이유를 알아 내려고 애쓰고 있습니다. IE와 FF에서는 정상적으로 보입니다 (모두 직선입니다). 차라리 부동 div의보다 리 안쪽이 사용하는 테이블을 복제하는 것을 시도했다왜 li 값이 Safari 및 Chrome의 목록 번호보다 낮습니까?

http://jsfiddle.net/CfyQF/

,하지만 같은 결과를 얻을 : 내가 무엇을 의미하는지에 관해 알기 위해 각 브라우저에 다음을 참조하시기 바랍니다.

누구나 이런 일이 벌어지고 있으며이 문제를 해결하기 위해 내 CSS 또는 HTML 또는 둘 다를 업데이트 할 수 있습니다.

감사합니다.

답변

0

이전에 그런 문제가있었습니다. 이것을 일으키는 것은 플로트입니다.

float 속성을 제거하고 대신 여백과 패딩을 사용할 수 있습니다.

+0

나는 아니에요 플로트없이 이것을 달성하는 방법을 확실히 알고 있습니다. 입력이있는 li는 꽤 직설적 일 것입니다. 하지만 그것은 입력의 오른쪽에 붙어 싶은 작은 "X"입니다 - 그래서 나는 "float : left"를 가지고 있습니다. 어디에나. –

0

특정 문제를 해결하는지 확실하지 않지만 모든 CSS와 대부분의 div를 제거하면 숫자가 입력 옆에 표시되고 'X'는 여전히 입력 오른쪽에 잘 나타납니다.

<div> 
    <ol> 
     <li> 
      <input> 
      <button>x</button> 
     </li> 
     <li> 
      <input> 
      <button>x</button> 
     </li> 
    </ol> 
</div> 
+0

@domvoyt와 유사합니다. 창 크기를 조정하면 특정 지점에서 'X'가 다시 아래로 떨어집니다. 창의 크기가 조정되는 경우에도 입력 오른쪽에 막대 모양을 표시하고 싶습니다. –

1

나는 수레없이 작동하는 솔루션을 마련하려고 시간을 소비하고 여기이 필요 누군가를 위해, 다음과 함께했다 :

http://jsfiddle.net/zeaHu/11/

관련 문제