css ,html文档中含有大篇幅的文字，使得超过浏览器窗口，此时浏览器窗口右侧出现滑动条

html-css014

css ,html文档中含有大篇幅的文字，使得超过浏览器窗口，此时浏览器窗口右侧出现滑动条,第1张

这个问题很经典，首页了解一下html.body这两个标签是属于块标签，他会充满整个浏览器窗口，

<html></html>这组标签是无法被定义内联标签和定义宽度高度的，而这个滚动条就是属于HTML标签，所以，浏览器窗口或滚动条与body没关系；

另外，楼上有朋友说得有点复杂，简单的说用CSS 控制你的滚动条出现的位置

html,body { width:100%height:100%overflow:hidden}

 div { float:leftwidth:150pxheight:100%background:#6C9overflow-y:scroll}

可以用position:fixedbottom:0z-index:999试试看能不能达到你想要的效果。

如果达不到可能我理解错了，可以追问。

希望可以帮到你！

建一个div容器，用div包裹img，即可。

<div style="width:100%overflow:hiddenheight:autotext-align:center">

<img src="abc.png" />

</div>

或者将图片当作背景来使用（需要固定容器高度）：

<div style="width:100%overflow:hiddenheight:200pxbackground:url(abc.png) no-repeat center top"></div>

当然，也可以使用Js来处理，不过不建议使用Js作过多网页版式设置。