CSS 如何添加水平滚动条

html-css015

CSS 如何添加水平滚动条,第1张

设置 overflow 属性:

div

  {

  width:150px

  height:150px

  overflow:auto

  }

overflow属性如下:

auto:当此div子元素宽和高大于该div的宽和高时,则会出现对应方向上的滚动条。

scroll:不管子元素的宽和高,都出现滚动条,但当子元素宽和高小于父元素时,滚动条不能拖动。

推荐使用auto属性,如果只想让水平方向出现滚动条,则使用overflow-x:auto

不知道你设置的是不是接近满屏的页面 近似滚动条要占18像素的宽 所以如果你设置的宽超出了分辨率减去18像素的宽就有横滚动 要不你就减少宽度 要不就把外盒的宽调小然后用overflow把超出的隐藏了

出现水平滚动条,一个可能是你的页面宽度设置的太宽了。比如你的电脑室1024*768的分辨率,那你的页面宽度大与1024就会出现横向滚动条。二一个也有可能是的内容溢出了,比如div之类的,你看不到,可以用调试(f12)看看。如果是页面太宽了而且不能改变宽度,那么你找找让网页自适应的代码,放头部的那段代码。往上有很多。