html怎样让元素偏左显示,div居中,但如果有竖着的滚动条,div会往左偏,怎么解决?_html/css_WEB-ITnose...

本帖最后由 zlbpolly 于 2013-08-07 13:54:46 编辑

div居中 滚动条 偏 div居中,如果网页内容比较长,出现竖滚动条时,居中的div会受滚动条影响,往左边偏 ?怎么解决呢?

原本是这样

回复讨论(解决方案)

这个是浏览器的特性,你可以通过js来获取宽度

比如//这个就是body的宽度,那么有滚动条和没有滚动条肯定是不一样的document.body.clientWidth //当然还有其他的属性就不列举了

唉,这样真不是爽,切换页面时,感觉导航左右晃。。。不太懂css,以为有解决办法呢

唉,这样真不是爽,切换页面时,感觉导航左右晃。。。不太懂css,以为有解决办法呢

这样的话可以使用绝对定位来布局,这样就不会晃了~

CSS中设置始终出现滚动条即可。

CSS中设置始终出现滚动条即可。

楼上正解。让右侧一直有滚动条,高度不够的时候就没有bar,相比起因为滚动条的出现与否导致的左右晃动来说,可能更能接受一些吧。body{overflow-y:scroll;}

另外一种相反的思路是,一直不出现滚动条。然后自己去判断下面的div是不是需要滚动条,如果div的高度>浏览器(页面可见)高度 - 导航栏的高度,就设置overflow:auto。

这样的问题在于,在打开页面和手动改变浏览器大小的时候,都需要去判断。这个倒是可以通过body的onResize方法来捕捉

但是还是太麻烦了,有点画蛇添足的感觉,还是让滚动条一直出现吧。。。

设置div的样式为:style="margin:auto; 就可以了

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值