我在使用CSS定位元素时遇到问题

时间:2019-12-22 18:11:26

标签: html css

我想使用“ margin-left”和“ margin-top”在“ eBay徽标”旁边放置“按类别购物”。

margin-left无法正常工作或将某些元素推入index.html

.navclass >ul >li{
list-style-type:none;
display:inline;
padding:5px 25px;
//float:left;
margin-top:1px;
margin-left:20px;
border:1px solid black;}

在html中,我制作了图像并在单独的div中搜索 并将其添加到



</div>
<nav class="navclass">
   <ul> 
    <li>Shop by <br> Category
     <ul class="sub-menu">
     <li>Collectibles&art</li>
     <li>Electronics</li>
     <li>Collectibles&art</li>
     <li>Collectibles&art</li>
     <li>Collectibles&art</li>
 </ul>
<span class="arrow">&#9660;</span>
   </li>
   </ul>

  </nav>

1 个答案:

答案 0 :(得分:0)

为什么不在CSS中将 float:left; 用于徽标和导航?您将得到想要的东西,我认为效果会更好。我认为由于页边距无法使用不同的尺寸。