Html 表单元格行为中浮动父项的宽度
我正试图建立一个反应灵敏的导航栏。导航栏有3个部分，只有中间部分在调整大小时拉伸 我申请显示：表格；宽度：100%；在表头和显示屏上：表格单元格；到子元素。宽度：1px；和空白：nowrap；添加到.left和.right以仅占用所需的空间和宽度：auto；将添加到.middle，以允许其占据宽度的其余部分。它起作用了 问题是.right在内部浮动了子项，而.right本身没有正确的宽度，列表应该都在一行中 这是我的代码示例： 标题{ 显示：表格； 高度：30px； 宽度：100%； } .头细胞{ 显示：表格单元格； 空白：nowrap； } .左，.右{ 宽度：1px； } .左{ 背景色：2ecc71； } .中{ 背景色：9b59b6； } .中间输入{ 宽度：100%； 边界：0； 填充：0； } .对{ 背景色：e74c3c； } .对{ 溢出：隐藏； } .对，李先生{ 浮动：左； } 我的超级标志Html 表单元格行为中浮动父项的宽度,html,css,Html,Css,我正试图建立一个反应灵敏的导航栏。导航栏有3个部分，只有中间部分在调整大小时拉伸 我申请显示：表格；宽度：100%；在表头和显示屏上：表格单元格；到子元素。宽度：1px；和空白：nowrap；添加到.left和.right以仅占用所需的空间和宽度：auto；将添加到.middle，以允许其占据宽度的其余部分。它起作用了 问题是.right在内部浮动了子项，而.right本身没有正确的宽度，列表应该都在一行中 这是我的代码示例： 标题{ 显示：表格； 高度：30px； 宽度：100%； } .头
除非您也在ul上设置了一个宽度，否则您将无法使用float实现这一点，我怀疑您会想这样做： 标题{ 显示：表格； 高度：30px； 宽度：100%； } .头细胞{ 显示：表格单元格； 空白：nowrap； } .左，.右{ 宽度：1px； } .左{ 背景色：2ecc71； } .中{ 背景色：9b59b6； } .中间输入{ 宽度：100%； 边界：0； 填充：0； } .对{ 背景色：e74c3c； } .对{ 溢出：隐藏； 宽度：260px； } .对，李先生{ 浮动：左； } 我的超级标志
你希望看到什么？列表放在一行？是的，我想放在一行