css样式被盖住了的简单介绍

CSS样式被覆盖

首先新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建图层1，同时设置div的class为div1，主要用于下面通过该class来设置css样式。

成都创新互联公司长期为成百上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为上高企业提供专业的成都网站制作、做网站、外贸营销网站建设，上高网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题，如下。

div覆盖着另一个div，是因为其中一个或者两个脱离了文档流。

CSS里为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了???

1、CSS里给一个DIV加上浮动以后，下面的DIV就把它覆盖是设置错误造成的，解决方法为：新建一个html文件，命名为test.html。在test.html文件内，创建两个div，分别为“第一层”和“第二层”。

2、如果3个div上下排列，第三个div加上float：right；的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。

3、浮动，你可以理解为漂浮在空中，然后它后面紧挨着但未设置浮动的元素则仍然在地上，并且填补了漂浮元素原来在地上所占用的位置，也就是说，非浮动元素“钻”到浮动元素的下面去了，所以被盖住了。

4、absolute是浮动层，浮动层位于普通层之上，所以K3没有浮动时会被K2盖住。

Chrome:审查元素发现CSS样式被覆盖(有删除线)时,怎么知道被哪个属性覆盖...

1、chrome 查看元素里被横线划掉的css，是因为属性的不支持或者层次被覆盖，解决方法如下：首先新建一个html文件，命名为test.html。在test.html文件内，使用div标签、span标签创建商品价格的显示。

2、这样的就上面的优先级比下面的高，取上面的值。

3、通过用Chrome流浪器的审查元素发现有一个叫user agent stylesheet设置整个form的margin-botton：1em；通过上网查资料发现这个user agent stylesheet是流浪器的一些默认样式。

4、用Firebug或者其他开发者工具覆写样式 我们可以使用Firebug或者Chrome开发者工具（译注：两者均可用F12唤出）查看页面元素，在不影响真正的CSS样式的情况下可以自由地 编辑样式，测试效果，调试bug等等。

5、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。例：选择器 {属性名：属性值；属性名：属性值；...} 外部样式（外联样式）：写在css文件内。