CSS去掉橫軸滾動(dòng)條 在設(shè)計(jì)網(wǎng)頁時(shí)，即使我們盡可能地讓內(nèi)容適應(yīng)頁面，也難免出現(xiàn)頁面寬度超過瀏覽器寬度的情況。為此，瀏覽器會(huì)自動(dòng)添加橫軸滾動(dòng)條。但是在某些情況下，我們不需要這個(gè)滾動(dòng)條，這時(shí)候就需要用到CSS來去掉它。 首先，在CSS文件中設(shè)置body的overflow-x屬性為hidden，表示去掉橫軸滾動(dòng)條。代碼如下：

body{
overflow-x: hidden;
	}

其次，需要注意到的是，如果頁面中存在寬度超過瀏覽器寬度的元素（比如圖片或者表格等），則仍然會(huì)出現(xiàn)橫軸滾動(dòng)條。為了解決這個(gè)問題，我們可以為這些元素設(shè)置寬度為100%，這樣它們就會(huì)適應(yīng)頁面寬度，不會(huì)超出瀏覽器寬度。代碼如下：

img, table{
width: 100%;
	}

最后，需要注意的是，在CSS中使用以上代碼后，可能會(huì)有一些副作用，比如導(dǎo)航欄、菜單欄等可能會(huì)有部分被遮蓋住。此時(shí)，我們可以為這些元素設(shè)置負(fù)的margin值，以便調(diào)整它們的位置。代碼如下：

.nav{
margin-right: -15px;
margin-left: -15px;
	}

通過以上的CSS代碼，我們可以去掉頁面的橫軸滾動(dòng)條，使網(wǎng)頁更加美觀，提高用戶瀏覽體驗(yàn)。