Html CSS:行的<;李>;肩并肩?

Html CSS:行的<;李>;肩并肩?,html,css,Html,Css,我正在尝试使用CSS创建一个下拉菜单 唯一的区别是我需要在一个下拉菜单中并排放置两行不同的子菜单 为了解释这一点,我附上了一张图片,以便您可以了解我的意思: 有人能给你建议吗?所以你需要把两个不同的栏目并排放在一起。这可以通过浮动左侧的列并为右侧的列提供左边距来实现 .col左{ 宽度:200px; 浮动:左; 边框:1px纯红; } 上校:对{ 左边距:200px; 宽度:200px; 边框:1px纯蓝色; } 第一排 第二排 第三排 第一排 第二排 第三排 一个好伴侣。正是我想

我正在尝试使用CSS创建一个下拉菜单

唯一的区别是我需要在一个下拉菜单中并排放置两行不同的子菜单

为了解释这一点,我附上了一张图片,以便您可以了解我的意思:


有人能给你建议吗?

所以你需要把两个不同的栏目并排放在一起。这可以通过浮动左侧的列并为右侧的列提供左边距来实现

.col左{
宽度:200px;
浮动:左;
边框:1px纯红;
}
上校:对{
左边距:200px;
宽度:200px;
边框:1px纯蓝色;
}

  • 第一排
  • 第二排
  • 第三排
  • 第一排
  • 第二排
  • 第三排

一个好伴侣。正是我想要的。ThanksI可能是错误的,但是将第二列作为float:left而不是大的200px边距不是更好吗。如果添加了,则有助于提高响应能力。