0

注意！問題は解決し、解決策は最初の質問の下に貼り付けられました

Webページの最上部で作業中です。左隅にdivにあるフラグ（言語を変更するため）があります。右側には別の画像（ショップカート）用の別のdivがありますが、右側のdivをフロートさせたので、左側をクリックすると右側のdivアドレスに移動します。なんで？どうすればこれを解決できますか？

また、html / css-filesを使用して、顧客のワードプレスに合うように編集することでこれを行っています。

CSS

#topmenu img {
    margin-left: 25px;
    float:left;
    position:relative;
}
#cartmenu img {
    position:relative;
    margin-left: 542px;
}

header.php

 <div id="container">
   <div id="topmenu">
     <a href="http://wwgrgrhbhop.se/indexEU"><img src="wp-content/themes/blank/images/icon_en_global.png" alt="English.png" width="42" height="30"></a>
   </div>
   <div id="cartmenu">
     <a href="http://www.enerfergeggyshop.se/"><img src="wp-content/themes/blank/images/cart.png" alt="cart.png" height="" width=""></a>
 </div>

//解決策幅（css単位）を両方の要素に設定し、float：leftを両方の要素に設定してから、余白を付けて配置し、目的の場所に配置します。

#topmenu img {
margin-left: 25px;
float:left;
position:relative;
width: 42px;
height:45;
margin-top:15px;
margin-bottom:-10px;

}

#cartmenu img {
    position:relative;
    margin-left: 520px;
    float left;
    width:350px;
    height:40px;
    margin-top:-20px;
}
4

1 に答える 1

2

カートメニューの幅を定義し、同様#topmenu imgにカートメニューを指定してみてください。float:left;

于 2012-12-11T02:25:08.333 に答える