为什么浮动：权利不工作在CSS3？

我需要如图所示在右侧显示标签。我能够制作标题。但我无法在右侧显示标题标签。我已经使用为什么浮动：权利不工作在CSS3？

float: right!important

第二件事，当我改变浏览器的宽度600px的它更改标签为下拉。这怎么可能？我搜索谷歌，并发现有一种方法来使用媒体查询。我可以添加这个，但如何更改正确的标签下拉？

这里是我的代码

http://codepen.io/anon/pen/GpoaXG

#menubar li{ 
     display: inline; 
     padding:0.5em; 
     font-size:1.5em; 
     color :red 
    } 
    @media screen and (max-width: 600px) { 
     body { 
      background-color: lightblue; 
     } 
    } 
#menubar{ 
    float:right; 
    position:relative; 
}

来源

2015-09-16 user944513

给你的包裹div的ID（如menubarCont），并添加到您的CSS：

#menubarCont { 
    width: 100%; 
    float: right; 
}

Working CodePen

来源

2015-09-16 10:04:59 D4V1D

感谢解决方案..但如何将标签更改为下拉..如图所示，屏幕尺寸为600时 – user944513

您可以也可以使用'#menubarCont {position：fixed; right：x％;}' –

这是因为#menubar小父元素中。父元素应该设置width:100%或类似的东西。当父元素实在太少了，那么有没有地方浮动

来源

2015-09-16 10:03:18

感谢解决方案..但如何将标签更改为下拉..如图所示，当屏幕尺寸为600时 – user944513

为什么浮动：权利不工作在CSS3？

回答

相关问题