css样式设计时快速定位bug的几个好方法

边框背景调试法 故名思议就是给元素设置显眼的边框或者背景（一般黑色或红色），进行调试。此方法是最常用的调试 CSS BUG 的方法之一，对于复杂 BUG 依旧适用。

站在用户的角度思考问题，与客户深入沟通，找到八公山网站设计与八公山网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、虚拟空间、企业邮箱。业务覆盖八公山地区。

样式排除法有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。

复杂的布局会触发一个bug：浮动对象的最后字符会出现在已经清除浮动的元素后面。这里有几种解决的办法，部分是理想的，并且一些测试和出错是必须的。

检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。检查CSS是否正确检查一下有无拼写错误、是否忘记结尾的}等。

DW在使用css+div排版时,为什么有的div标签不在固定位置呢,网页放大后...

尽量还是不要让网页在DW里面错位。这样做出来的网页算是最正规的吧。

③你的问题，可能是不同浏览器的外边距默认值不同，所以才会有偏差。

比如一个gif带透明部分的图需要拓展到下方div，又要与上方图片拼接在一起，这时候就要用绝对定位固定住位置，否则浏览器大小一变，可能图就错位了。与LS说的是否外层没有必然联系的。

把定位去掉。用一个div包住你的table、DIV设置宽度如：width：1003px；margin：0 auto；table可以设置width：100%；这样你的table就不会改变了。或最简单的就是给table设置一个固定宽度。

很简单的你在dw看的时候没有加载css那么所有布局都是从上到下。就像看word一样。你运行浏览器以后。浏览器加载了css那么肯定就按照css代码布局咯。dw里面没有加载css估计是路径用了根目录吧。

怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?

新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个div，同时设置其class属性为con，主要用于下面通过该类名进行样式的设置。在test.html文件内，在div内使用p标签创建一段测试文字的显示。

.fixed_div：这下它可以利用绝对值进行定位了，因为在这个场景下，这个页面100%地被那个假冒的body给独霸了，而滚动条反正也出不来，您就可以自认为是在某个点蹲坑了，绝对安全。

滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条。只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。

实现了id为top的元素固定在距离浏览器的顶部20个像素和距离右边20个像素的位置 IE6下position：fixed； 实现方法 在IE6中是不能直接使用 position：fixed； 。

想要固定div在网页中指定的位置，可以加一个CSS属性：div{ position：absolute；//绝对定位，这个是随页面走动的，可以换成fixed，不随页面走动。

要想div固定在一个位置，可以使用css中的绝对定位来实现 position： absolute。然后可以通过top、left、right、bottom来定位方向。

在CSS中固定定位的问题

1、CSS中，定位是通过定位属性来实现的，包括三种常用的定位：相对定位、绝对定位和固定定位。 相对定位（position： relative）：相对定位是相对于元素本身原有位置的定位方式。

2、固定定位：元素的位置相对于浏览器窗口是固定位置。margin-bottom 和margin-right的值不再对文档流中的元素产生影响，因为该元素已经脱离了文档流。

3、固定定位在CSS的position中设置成（）。

4、可以采用css中的position来实现决定定位。代码实例如下：p.one{position：fixed；left：5px；top：5px；}p.two{position：fixed；top：30px；right：5px；}一些文本。更多的文本。此实例是相对于浏览器边框进行的定位。

本文名称：Css样式固定定位会跳 固定在底部css样式
文章地址：http://scgulin.cn/article/digijgs.html