Html 在css中设置高度属性时，为什么列表会重叠？保险商实验室{ 列表样式：无；填充：0；保证金：0； } 李{ 浮动：左；边框：虚线1px；线高：30px；颜色：绿色；宽度：100px； } ulli ulli{ 颜色：紫罗兰色；宽度：150px； } 例1 例2 示例1 例1 示例1 例3 示例1 例2 示例3 例4 例5 例6 示例7_Html_Css_Xhtml

Html 在css中设置高度属性时，为什么列表会重叠？保险商实验室{ 列表样式：无；填充：0；保证金：0； } 李{ 浮动：左；边框：虚线1px；线高：30px；颜色：绿色；宽度：100px； } ulli ulli{ 颜色：紫罗兰色；宽度：150px； } 例1 例2 示例1 例1 示例1 例3 示例1 例2 示例3 例4 例5 例6 示例7

html css

Html 在css中设置高度属性时，为什么列表会重叠？保险商实验室{ 列表样式：无；填充：0；保证金：0； } 李{ 浮动：左；边框：虚线1px；线高：30px；颜色：绿色；宽度：100px； } ulli ulli{ 颜色：紫罗兰色；宽度：150px； } 例1 例2 示例1 例1 示例1 例3 示例1 例2 示例3 例4 例5 例6 示例7,html,css,xhtml,Html,Css,Xhtml,这是我的密码。我的问题是，为什么在css中设置列表的高度属性时，列表和子列表之间存在重叠？我如何解决这个问题？代码的问题是子项必须相对于其父项进行定位。要构建导航栏，请尝试以下操作： <html> <head> <style type="text/css"> ul{ list-style:none; padding:0; margin:0; } li{ float: left;

这是我的密码。我的问题是，为什么在css中设置列表的高度属性时，列表和子列表之间存在重叠？我如何解决这个问题？代码的问题是子项必须相对于其父项进行定位。要构建导航栏，请尝试以下操作：

<html>

<head>

<style type="text/css">

   ul{
      list-style:none;
      padding:0;
      margin:0;


   }

   li{
      float: left; 
      border: dotted 1px;
      line-height: 30px; 
      color:green;
      width: 100px;

      }
    ul li ul li{
    color:violet;
    width: 150px;

    }

</style> 
</head>
<body> 
<ul id="wow">
   <li>example 1</li>
   <li>example 2
      <ul><li>example1</li>
      <li>example1</li><li>
      example1</li></ul>
   </li>
   <li>example 3
   <ul><li>example1</li>
      <li>example2</li>
      <li>example3</li></ul>
   </li>
   <li>example 4</li>
   <li>example 5</li>
   <li>example 6</li>
   <li>example 7</li>      
</ul>   
</body>   
</html>

勾选此项。

您的子ul列表是主li的子项，即y，它正好在li项之后开始。因此，将该高度设为

行高度

 ul{
      list-style:none;
      padding:0;
      margin:0;          
   }

   li{
      float: left; 
      border: dotted 1px;
      height: 30px;
      position:relative;
   }

   ul li ul{
        position:absolute;
        top:100%;
   }

希望这有帮助。将鼠标悬停在菜单项上以查看子菜单

检查以下内容：

    li{
      float: left; 
      border: dotted 1px;
      line-height: 30px; color:green
      }
    ul li ul li{color:violet /*write declaration for sub menu here*/}

要了解更多有关CSS选择器的信息，请浏览此

通过将列表项向左浮动，您到底想实现什么？我想制作一个导航讨价还价

行高：30px

，而不是

li

CSS中的

高度小到它的子列表？请检查更新的答案。你可以使用ul-li-ul-li{…}@tramassea为子菜单编写不同的样式。你知道sowmya是怎么说的吗……。通过这件事你可以达到你想要的结果……。感谢4帮助我，我已经更新了我的代码，子列表现在似乎没有浮动，我如何使它流动？@tramassea检查更新的答案。这不是对代码的修改，但我希望第二个演示可以帮助您解决这个问题。子列表现在似乎没有浮动，我如何使其流动？它们应该浮动。。可能是你的代码有一些输入错误。。让我check@dramasea删除width
您正在使其具有固定宽度。。哪些限制了浮动
我可以使示例2和示例3的主菜单（列表）变小吗？（以及）子菜单（列表）变大吗？@tramesea yes给它们不同的填充。。。你到底想要什么还不清楚。。请在你的问题中作简要解释。
li /* list and sub list */
{
  float: left; 
  border: dotted 1px;
  line-height: 30px; /* Instead of Height property */
}

ul>li>ul>li /* sub list */
{
   float: left; 
   border: dotted 1px;
   line-height:25px; /* give smaller height as you want */
}