1 
<style type="text/css">
    .sf-menu { line-height: 1.0; margin:0px}
    .sf-menu ul { position: absolute; top: -10px; width: 10em;list-style-type: none; }
        .sf-menu ul li { width: 100%; }
    .sf-menu li:hover { visibility: inherit; }
    .sf-menu li { float:; position: relative; }
</style>

in float:カルチャが rtl から ltr に変更されたときに、どのように左または右に変更できますか?

4

1 に答える 1

2

意味的に正しい方法は、正しいdirection 属性を設定してから、CSS でテストすることです。

htmlタグですでに方向を設定している場合( W3.org のこの例のように)、CSS は次のようになります。

.sf-menu { line-height: 1.0; margin:0px}
.sf-menu ul { position: absolute; top: -10px; width: 10em;list-style-type: none; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float:left; position: relative; }
html[dir="rtl"] .sf-menu li { float: right; } /* <<< here */
于 2012-10-24T08:51:50.137 に答える