페이지의 반대쪽으로 두 개의 div가 생기고 그 사이에 텍스트가 흐르게됩니다. 두 번째 (왼쪽 정렬) div의 맨 위는 첫 번째 (오른쪽 정렬 된) div의 맨 아래에 있어야합니다. 아래 코드는 FF, Chrome, Opera 등에서 잘 작동하지만 IE에서는 제대로 지워지지 않습니다. 두 div가 모두 텍스트 맨 위에 나타납니다.IE가 후속 수레를 지우지 않음
왼쪽 정렬 된 div를 텍스트 내에서 충분히 낮게 이동하면 IE에서 제대로 작동하지만 실제로는 지속 가능한 솔루션이 아닙니다.
IE CSS 부동 소수점 버그에서 여러 페이지를 찾았지만 직접적으로 아무 것도 발견하지 못했습니다.
CSS
div {
width: 200px;
margin-top: 10px;
border-style: solid;
border-width: 1px;
position: relative;
}
.wrapper {
width: 600px;
border-color: #FF0000;
}
.right {
float: right;
border-color: #00FF00;
}
.left {
float: left;
clear: both;
border-color: #0000FF;
}
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" href="float.css" />
</head>
<body>
<div class="wrapper">
<div class="right">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla pretium tempor leo. Vivamus mi risus, dapibus ac,
consectetur quis, pellentesque eget, sem.
</div>
<div class="left">
Proin malesuada. Ut vel lorem. Cras rhoncus nisl accumsan
turpis tristique consequat. Sed lacinia ligula at nibh.
Morbi in quam. Morbi commodo nibh.
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla pretium tempor leo. Vivamus mi risus,
dapibus ac, consectetur quis, pellentesque eget, sem.
Maecenas est dui, imperdiet nec, fermentum ut,
pretium a, orci. Quisque hendrerit interdum orci.
Nulla sit amet risus non enim ultrices bibendum.
Aenean arcu purus, rhoncus at, vestibulum vel,
volutpat et, nunc. Integer eget risus eget purus viverra
congue.</p>
<p>Nullam vel libero ut purus semper ullamcorper.
Pellentesque mattis tincidunt odio. Nullam pulvinar
orci at dolor. Sed volutpat eros ac elit.
Praesent porttitor libero sed felis. Vivamus lobortis
pellentesque diam.
Proin laoreet massa ac metus. Integer faucibus lorem
molestie nibh. Integer id massa. Integer ligula ipsum,
pellentesque id, interdum at, pretium eget, orci.
Proin malesuada. Ut vel lorem.</p>
</div>
</body>
</html>
질문은 무엇입니까? 그것은 확실히 버그이며 IE8에서 수정되었지만 IE의 버그는 새로운 것이 아닙니다. IE7에서 작동 시키거나 버그인지 확인하고 싶습니까? –
예, IE6/7에서 작동 시키려고합니다. – dkuchler
사용중인 IE의 버전을 알려주십시오. – thejartender