내가이 게시 된 이후 오랜 시간이 지났 알고 있지만, 나는 이것을 위해 내가 좋아하는 해결책을 발견했다. 요점은 떠 다니는 요소를 DOM에서 부모의 첫 번째 요소로 이동하기 위해서만 IE7 용 CSS에서 '표현식'태그를 사용하고 있습니다. 다른 모든 브라우저에 대해서는 의미 상으로 올바르지 만 IE7에서는 DOM을 수정하여 부동 요소를 이동시킵니다. 내 경우
, 내가 가진 : IE7 내 <small>
이의 첫 번째 요소로 이동하는 것을
.pull-right {
float:right;
*zoom: ~"expression(this.runtimeStyle.zoom='1',parentNode.insertBefore(this,parentNode.firstChild))";
}
결과는 다음과 같습니다
풀 오른쪽에 대한 내 CSS에서
<div>
<h1></h1>...<p>any other content...</p>
<small class="pull-right"></small>
</div>
, 내가 사용하는 <div>
하지만 다른 모든 브라우저는 마크 업 만 남겨 둡니다.
모든 사용자에게 적용되는 것은 아닙니다. 기술적으로 마크 업은 IE7 용 DOM에서만 수정되며 자바 스크립트 솔루션이기도합니다.
또한 성능 저하가있을 수 있음을 이해합니다. 느린 편이므로 이상적으로 많은 수레가 있습니다. 필자의 경우에는 제대로 작동하고 의미 론적으로 올바른 HTML을 유지할 수있었습니다.
위대한 팁!기쁨. – orourkedd
이것은 오늘 나에게 도움이되었다. 감사! –
의미 상 올바르지 않습니다. 그렇지? – ciembor