CSS定位不能在代碼編輯器中工作

我有這個簡單的問題。我想讓我的導航保持在最佳狀態。我知道，代碼應該是：CSS定位不能在代碼編輯器中工作

position: fixed; 
top: 0; 
left: 0;

但問題是，每當我將它的開發模式（我寫的代碼），它並沒有改變，但在檢查元素，這是工作。問題是我應該使用什麼（類名或ID或任何你建議的），以便我可以編輯代碼。 enter image description here

來源

2015-04-23 Jennifer

只是給它一個'id ='nav-bar''並在你的css中做'＃nav-bar {position：fixed; top：0;左：0;' –

閱讀CSS的特異性，這可能會幫助你。另請注意，您正在更改屏幕截圖中的元素內聯樣式。您需要確定從樣式中將元素應用於元素的內容，然後確保您編寫了更具體的選擇器來定位元素。 –

雖然你的問題是不完全清楚，我，我覺得這回答了你的問題：

給你的導航欄在HTML中的ID：

<div id='nav-bar'></div> <!-- or <navigation> or <header> or whatever -->

在CSS

#nav-bar { 
    position: fixed; 
    top: 0; 
    left: 0; 
}

來源

2015-04-23 01:01:20

它的工作！我不知道爲什麼我一開始沒有想過 – Jennifer

我想說的是，在使用css時這個位置非常重要，無論如何你可以選擇很多不同的位置，比如固定的，這是我爲我的例子選擇的位置，此外你有絕對的，相對的等等。如需進一步信息查詢這個例子，去http://www.w3schools.com，尋找CSS定位

p.pos_fixed { 
 
    position: fixed; 
 
    top: 30px; 
 
    right: 5px; 
 
    color: red; 
 
}

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<p><b>Note:</b> IE7 and IE8 supports the fixed value only if a !DOCTYPE is specified.</p> 
 
<p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p> 
 
<p class="pos_fixed">Some positioned text.</p> 
 
</body> 
 
</html>

來源

2015-04-23 01:01:04 Riccardo

CSS定位不能在代碼編輯器中工作

回答

相關問題