织梦仿站改完css和js路径还是错位,不知道怎么解决,求高手帮忙

html-css026

织梦仿站改完css和js路径还是错位,不知道怎么解决,求高手帮忙,第1张

你要确认,你的css路径是不是全对了。进入源代码页面,点击css路径看是不是都能打开。然后,再看有没有漏掉的css没有添加上,你可以用浏览器的查看元素功能,查看错位的模块看看,显示的css源头是不是已经添加了,没有就找出来添加进去。最后,都没问题,就是css参数有问题了,也是用查看元素的功能,先在浏览器修改,比如,width:700px可能大了,你尝试改成width:500px看看是不是合适了,合适就到对应的css文件修改就可以了。

flexigrid没有过,但按你说没滚动条就正常,再看你截图,很显然错位是因为表格内容部分的宽度计算时没有考虑滚动条宽度的缘故。在有滚动条时,最右列的表头的应比相应内容列宽一个滚动条的宽度。

这是因为margin-bottom:5%这个5%是以body的width作为基准来计算的(而不是你自以为的以height为基准),这样的话当浏览器窗口的宽度发生变化时,上半部分与下半部分之间的间隔就会发生变化,从而造成下半部分有时会超出父元素范围,有时又会缩进去。

改成下面这样就没问题:

margin-bottom:5vh

但是vh是css3新增的长度单位,会带来浏览器兼容问题。

或者可以用一个空白的div,height设为5%(这个则是以body的height作为基准进行计算的,所以没问题),把它作为上下两部分的间隔,这个应该是兼容性最好的解决方案。

总之,尽量不要用margin-bottom(或margin-top)加百分数的方式来作为垂直间隔!!!