爲什麼浮動：權利不工作在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？

回答

相關問題