3 개의 플로팅 된 div가 있습니다. 응답 한대로 동작하도록 설정되었습니다. Dreamweaver의 라이브 뷰에서는 제대로 작동하지만 브라우저에서 테스트 할 때는 작동하지 않습니다. 다음은 숫자로 시작하는 클래스 이름을 허용하지 않는 바이올린 http://jsfiddle.net/pa5Ey/Divs가 브라우저에서 반응하지 않음
CSS
#maincontentInner{
max-width:1170px;
position:relative;
margin:0 auto;
background-color:#FFF;
overflow:hidden;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #999999;
border-left-color: #999999;
padding-top:50px;
}
.3col {
width: 32.26%;
margin-right:1.6%;
float:left;
text-align:center;
}
및 마크 업
<div class="3col" style="margin-left:1.9%">
Some Text Here<br />
Some Text Here<br />
Some Text Here<br />
Some Text Here<br />
</div>
<div class="3col">
Some Text Here<br />
Some Text Here<br />
Some Text Here<br />
Some Text Here<br />
</div>
<div class="3col">
Some Text Here<br />
Some Text Here<br />
Some Text Here<br />
Some Text Here<br />
</div>
<div class="clearfix"/>
</div><!-- End maincontentInner -->
당신은 "반응 적 행동"에 의해 무엇을 의미합니까? 예상되는 행동에 대해 좀 더 정확하게 생각해 주시겠습니까? – ltalhouarne
사과. broswer 크기 조정을 사용하여 div가 구부러 지도록하고 결과적으로 서로 쌓아두기를 바랍니다. 이전에는이 방법으로 성공했지만이 인스턴스에는 성공하지 못했습니다. – Greg