您的位置:首页 > Web前端 > CSS

DWZ框架--页面样式丢失

2016-07-17 03:03 344 查看

案例

今天我导入DWZ框架demo时,发现主页面样式丢失,出现了如下图那鬼样:





正常情况应该是有表格显示,并且用chrome开发者模式调试,可以看到有对应的样式,如下图所示:



先简单介绍下dwz框架的页面布局,dwz框架页面主要分为header、leftside、container和footer四部分,如下所示:



解决方案

经过一番排查,发现是重复导入样式文件冲突导致的,我之前分别在Index页面和内容主页都导入了样式文件,导致了内容主页样式丢失







只需要把上图中user_list.jsp页面的common.jsp(就是把导入的样式文件移除)移除即可,也就是只要index页面保留样式导入,因为user_list.jsp是Index.jsp的一个子页面,所以无需重复导入,最终效果如下图:



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  dwz