隐藏横向滚动,垂直滚动的解决方案的方法和方法

方法二：代码：html { -x: ; -y：自动； 原理：隐藏水平滚动，垂直滚动适应内容优点：从视觉上解决了这个问题。 不必要时不会强制出现垂直滚动条。 缺点：它只隐藏水平滚动条。 如果页面确实需要水平滚动条，那么屏幕之外的内容将是不可见的，因为用户无法水平滚动。 方法三：代码：body { -right: -15px; -：-15px； 原理：这会在水平和垂直方向上加上一个负值。 IE添加精确值后，就会解除对滚动条的限制。 需求错觉。 优点：这个问题从视觉上就解决了。 垂直滚动可根据内容自适应。 缺点：由于15px ()是“人为创建的”，所以填满的屏幕区域无法使用。 设置滚动条样式 在原来的HTML中，我们可以这样定义整个页面的滚动条主体：{ --color:#; /*- 外左-*/ --color:#fff; /*- 左第二个-*/ -face- color:#; /*- 脸-*/ -arrow-color:#666; /*- 箭头-*/ --颜色:#; /*- 右数第二个-*/ --color:#; /*- 右 1-*/ -base-color:#; /*- base color-*/ -track-color:#;/*- slip-*/ } 但是当我们将它应用到 xhtml 时，相同的代码将不起作用。 相信很多好朋友都遇到过同样的问题。 那么如何应用xhtml下的滚动条样式呢？ 看下面的代码 html{ --color:#; /*- 最左边-*/ --color:#fff ; /*- 左数第二个-*/ -face-color:#; /*- 脸部-*/ -arrow-color:#666; /*- 箭头-*/ --color:#; /*- 右数第二个- */ --color:#; /*- 右一-*/ -base-color:#; /*- 基础颜色-*/ -track-color:#;/*- 滑动轨迹-*/ } 这段代码与上一段相同，唯一的区别是css定义的元素中，一个是body，一个是body另一个是html。

我们再测试一下，将html页面的“body”改为“html”进行测试，发现仍然可以达到效果。 那么到底为什么呢？ 从字面上看，xhtml多了一个（确实很烂）。 我们在html中定义的是body。 因为 html 不是很标准，所以这可以工作，但在 xhtml 中它不起作用。 当我看图片时，很明显body标签本身不是根元素，只有html才是根元素。 页面的滚动条也属于根元素，所以这就是为什么我们定义的body没有效果，因为我们定义的只是一个子元素。 好啦，原理知道了，我们来做个实验吧。 如果我们用“*”替换定义“body”或“xhtml”，*{ --color:#; --颜色：#fff； -脸部颜色：#； - 箭头颜色：#666； - 颜色：＃; - 颜色：＃; -基本颜色：＃; -轨道颜色：#； html和xhtml都传入，因为*是定义页面上的任意标签，当然也包括“html”标签。

（ps：其实与其说html和xhtml的区别，不如说是有没有XHTML 1.0的区别。但是如果你把XHTML 1.0从页面中去掉，那么页面就没有了。默认显示模式是html4.01，但是需要将XHTML 1.0修改为HTML 4.01。相同的页面定义主体不会有任何效果，虽然这个页面的标准是HTML 4.01）