2
으로 엉망 I 다음 코드가 : I 디스플레이를 제거하지 않는인라인 블록이 상대적인 위치
<HTML>
<head>
<style>div{border:dashed 1px silver}</style>
</head>
<BODY style="background: #fff;">
<div style="position: absolute; background: #0f0; width: 256px; height: 96px; overflow: scroll;">
<DIV style=" display: inline-block;position: relative;top: 64px; left: 32px;">
<DIV style="width: 18px; height: 14px; float: left; background: #f00;"></DIV>
<DIV style="float: left">First</DIV>
<div style="clear: both;"></div></DIV>
<DIV style=" display: inline-block;position: relative;top: 96px; left: 32px;">
<DIV style="width: 18px; height: 14px; float: left; background: #0f0;"></DIV>
<DIV style="float: left">Second</DIV><div style="clear: both;"></div></DIV>
</div>
</BODY>
</HTML>
제 DIV는 32 X 위치에 위치하지 않는 인라인 블록 속성 I 필요 . 이 문제를 해결할 방법이 있습니까?
편집 : 디스플레이 : 인라인 블록을 제거하면 작동하는 것처럼 보이지만 스크롤 막대는 가로로 표시됩니다 (div가 보이지 않는 공간을 차지함).
코드를 실행하면 두 번째 요소가 x : 32에 배치되지 않고 두 번째 요소가 표시됩니다. 심지어 나는 그것을 거기에 넣었지만. – Tower
오,하지만 그랬어 : http://jsbin.com/aqoju. 달성하려는 이미지 나 유사한 사이트를 보여줄 수 있습니까? – Kobi
예, 그렇지만 절대 위치 지정을 사용할 수 없습니다 ... 내 게시물에있는 수정 된 버전을 사용해보십시오. – Tower