0

こちらをご覧ください：http：//jsfiddle.net/gFTeG/

これを右に揃えるのに必要なCSSを見つけるのに問題があります（text-align:right;コンテナ内のテキストに対しては実行できますが、コンテナはアクションボタンの左側に揃えられたままです）。

何か案は？ありがとう。

4

3 に答える 3

0

あなたはあなたのcssのクラスで使用right: 0;し.ILdropdown .ILdropdown_contentなければなりません、そしてあなたはそれを右に揃えさせるでしょう：

.ILdropdown .ILdropdown_content {
    display: none;
    position: absolute;
    border: 1px solid #777;
    padding: 0px;
    background: white;
    top: 100%;
    right: 0;
}

このデモをチェックしてください

それが役に立てば幸い！

于 2012-08-04T17:25:56.163 に答える
0

すみません、誤解しました。

ドロップダウンに追加right: 0;して、アクションボタンの右側に揃えます。

于 2012-08-04T17:43:34.237 に答える
0

私があなたを正しく理解しているなら、あなたはドロップダウンメニューをボタンの右側に表示したいと思うでしょう。.ILdropdown .ILdropdown_contentwithを使用しているので、以下に示すように、を親クラスに追加し、コンテンツクラスに追加/変更するposition: absoluteことができます。position: absoluteleft: 100%top: 0%

.ILdropdown .ILdropdown_button img {
    ...
    position: absolute;            
}

と

.ILdropdown .ILdropdown_content {
    ...
    top: 0%;
    left: 100%;
}

これにより、このデモに示すように、適切に配置された効果が得られるはずです。position: relative親クラスを水平方向に配置する場合は、親クラスにを追加する必要がある場合があります。ドロップダウンの位置について誤解した場合は、topandleftまたはright属性を調整するだけで、好きな場所に配置できます。

positionA List Apartのこの記事は、属性のレイヤーに役立つ可能性があります。http://www.alistapart.com/articles/css-positioning-101/

于 2012-08-04T17:56:45.043 に答える