<abbr id="mocwi"></abbr>

<tfoot id="mocwi"></tfoot>

<ul id="mocwi"></ul>

<tfoot id="mocwi"></tfoot>

點擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識百科 - 正文

BootStrap實用代碼片段之一_javascript技巧

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 20:52:22

BootStrap實用代碼片段之一_javascript技巧

BootStrap實用代碼片段之一_javascript技巧:如題，持續(xù)總結(jié)自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴應(yīng)用場景：經(jīng)典上下布局中，頂部導(dǎo)航條固定，下部填充不顯示滾動條解決方案：導(dǎo)航條固定在頂部，同時為body設(shè)置內(nèi)邊距（padding-top），內(nèi)邊距為導(dǎo)航條高度（默認(rèn)

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀BootStrap實用代碼片段之一_javascript技巧:如題，持續(xù)總結(jié)自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴應(yīng)用場景：經(jīng)典上下布局中，頂部導(dǎo)航條固定，下部填充不顯示滾動條解決方案：導(dǎo)航條固定在頂部，同時為body設(shè)置內(nèi)邊距（padding-top），內(nèi)邊距為導(dǎo)航條高度（默認(rèn)

如題，持續(xù)總結(jié)自己在使用BootStrap中遇到的問題，并記錄解決方法。希望能幫到需要的小伙伴
應(yīng)用場景：經(jīng)典上下布局中，頂部導(dǎo)航條固定，下部填充不顯示滾動條
解決方案：導(dǎo)航條固定在頂部，同時為body設(shè)置內(nèi)邊距（padding-top），內(nèi)邊距為導(dǎo)航條高度（默認(rèn)50px，可自己調(diào)整高度），html代碼如下：



 
 
 
 
 
 
 
 
 
 
 
 
 
 
 主頁
 
 
 河道站點
 
 
 水庫站點
 
 
 氣象站點
 
 
 降雨量
 
 
 

 1小時降雨
 
 
 3小時降雨
 
 
 24小時降雨

CSS代碼：

*{
margin:0;
padding:0;
border:0;
}
html, body{
height:100%;
width:100%;
overflow:hidden;
}
body{
padding-top:50px;
}
.page-wrapper{
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
#map{
width:100%;
height:100%;
}

實現(xiàn)效果：