안녕하세요 저는 매우 특이한 것을 발견했습니다. 분명히 왼쪽은 옳지 않은 것으로 표현되었습니다. 이 바이올린을 참조 : 여기 http://jsfiddle.net/Hn8At/2/ 것은 내가 양쪽에 2 개 녹색 사각형이있는 HTMLcss bug? 왼쪽이 옳지 않은가?
<div id="wraper">
<div id="ribbon_ct">
<div class="ribbon left"></div>
<div class="ribbon right"></div>
</div>
</div>
과 CSS를
body{ margin:0; padding:0px; }
#wraper{ width:800px; margin:0 auto; background:#eee;padding-top:500px;}
#ribbon_ct{ width:100%; background:#c00; height:400px; }
.ribbon{background:#0C9; width:30px; height:30px; position:relative;}
.left{float:left;}
.right{float:right;}
.ribbon.left{ left:-30px;}
.ribbon.right{ right:-30px;}
이고, 하나는 스크롤이 발생, 다른 하나는하지 않습니다. 오른쪽으로 스크롤하면됩니다. 왜 어떤 아이디어?
난 당신이 내가 아는 .... –
을 무슨 말을하는지 이해하지 못했지만, '왼쪽 : .. px '와'right : .. px '는 위치에 상대적으로 작동하지 않습니다. – davey
@davey 왼쪽과 오른쪽이 친척에게 적용됩니다. – avrahamcool