Question

注意！问题得到解决，解决方案贴在初始问题之下

在网页的最顶部我正在工作，我在左边角上有一个标志（更改语言），我在div中。在右边我有另一个div用于另一个图像（商店购物车），但是因为我浮动了正确的div，我仍然在点击左边时转到正确的div地址，就像右边覆盖了let一样。为什么？我该如何解决这个问题？

另外，我这样做是通过使用我的html / css文件并编辑它们以适应客户的wordpress。

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为单位）设置为两个元素以及浮动：左边两个元素，然后使用边距定位以获取它们所需的位置。

#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;
}

Answer 1

尝试定义#topmenu img的宽度，并为该菜单设置float:left;。

div作为图像链接彼此相邻浮动的麻烦

1 个答案: