css清除浮动样式在ie不生效 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

css样式不生效怎么解决

为什么 CSS 样式不生效？当 CSS 样式不生效时，可以从以下几个方面进行排查：样式表链接错误确认样式表是否已正确链接到 HTML 文档。...检查部分中标签的 href 属性是否指向正确的 CSS 文件。样式覆盖检查是否有其他 CSS 规则覆盖了您要应用的样式。例如，外部样式表中的规则可能比内部样式表中的规则优先。...内联样式将覆盖 CSS 样式表中的样式。要解决此问题，请删除内联样式或将其移至样式表。浏览器缓存浏览器有时会缓存 CSS 文件。当您更改 CSS 文件时，浏览器可能仍会加载缓存版本。...尝试清除浏览器的缓存或强制刷新页面（按 Ctrl + F5）。 CSS 文件未加载检查网络工具（如 Chrome DevTools）以确保 CSS 文件已加载。...优先级问题 CSS 规则具有优先级，更高级别的规则（例如，内联样式）将覆盖更低级别的规则。确保您的规则具有足够的优先级以覆盖其他样式。浏览器兼容性不同的浏览器对 CSS 标准的支持有所不同。

2.4K1 0

【CSS】清除浮动 ② ( 清除浮动 - 父级元素设置 overflow 样式 | overflow 属性样式效果 | 溢出隐藏效果 | 垂直进度条效果 | 水平垂直进度条效果 )

文章目录一、清除浮动 - 父级元素设置 overflow 样式二、父级元素设置 overflow 样式代码示例三、overflow 属性样式效果 1、没有设置 overflow 的效果 2、overflow...: hidden 溢出隐藏效果 3、overflow: auto 垂直进度条效果 4、overflow: scroll 水平垂直进度条效果一、清除浮动 - 父级元素设置 overflow 样式 ---...- 父级元素设置 overflow 样式语法 : 选择器 { /* 清除浮动 - 父级元素设置 overflow 样式 */ overflow: hidden; } overflow...样式可设置的属性值 : hidden auto scroll 父级元素设置 overflow 样式清除浮动的优缺点 : 优点 : 代码简单缺点 : 无法显示溢出的元素 , 如果子元素很多..., 不能自动换行 , 部分子元素会被隐藏 ; 二、父级元素设置 overflow 样式代码示例 ---- 在没有设置 height 高度 , 并且内部子元素都是浮动子元素的父级容器中 , 设置

2.8K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

解决IE响应式的解决方案css3-mediaqueries.js不生效问题

前阵子解决了博客在低版本 IE 下会假死的问题，发现居然是因为我自定义 CSS 的闭合误用了中文大括号导致的！解决这个问题之后，又发现了另外一个坑：发现博客在 IE8 及以下版本的响应式不生效。...大概工作原理想想知道，应该就是用 js 的方式，先取得写好的 css3 属性，然后动态改变元素样式，从而解决兼容性问题。...当然，这种方式肯定会比纯 css 效率低得多，IE 下很明显会略显迟钝，大家自行体验。经过测试发现，鸟哥的博客在 IE8 下的响应式除了略卡一点，并没有出现响应式失效的情况，为啥我博客就不行呢？...-mediaqueries.js 生效，那么含有上述响应式的 css 代码就不能跨域！...[endif]--> 其中 /wp-content/themes/begin/OldIE.css 就是放了主题所有的响应式 CSS 属性，使用了相对路径，不再使用 CDN，且只在 IE9 以下的浏览器生效

3.1K9 0

HTML+CSS高级

2.4 给父级加上空标签子级，并设置子级清除左右浮动 --》不符合W3C标准，不符合内容、行为、样式三者分离的标准；标签浪费（多余的元素）； ie6最小高度19px；解决后ie6下还有... 1.2.1 父元素加浮动，但表现的需要是子元素，此时父元素浮动不生效。 ...调试完成 2、css hack（针对不同浏览器写不同css样式的过程） 2.1 书写css hack 顺序：先写全部都支持的，然后单独处理个别浏览器 ...2.4 给父级加上空标签子级，并设置子级清除左右浮动 --》不符合W3C标准，不符合内容、行为、样式三者分离的标准；标签浪费（多余的元素）； ie6最小高度19px；解决后ie6下还有... 1.2.1 父元素加浮动，但表现的需要是子元素，此时父元素浮动不生效。

8K6 1

(第一版)知识点

4、脱离文档流 5、提升层级清除浮动： 1.加高问题：扩展性不好 2.父级浮动问题：页面中所有元素都加浮动，margin左右自动失效 3.inline-block 清浮动方法：问题...:absolute; 绝对定位元素子级的浮动可以不用写清浮动方法； position:fixed; 固定定位元素子级的浮动可以不用写清浮动方法；（IE6不兼容）关于层级问题的一些思考。...需要注意的是在CSS的定义中，同一个元素的:hover必须位于:link、:visited之后才能生效，:active必须位于:hover之后才能生效。...方式一条件注释法（较为常用）只在IE下生效 IE]> 只在IE6下生效 IE 6]> 只在IE6以上版本生效 IE 6]> 只在IE8上不生效 IE 8]> 非IE浏览器生效 IE]><!

1.9K2 0

某IT培训班一阶段前端面试题

清除浮动的方法有哪些？...核心要求：语义化、结构化，不掺杂样式和行为。样式层（CSS）：Cascading Style Sheets（层叠样式表），负责定义网页的外观和布局（如颜色、字体、间距、定位），是网页的皮肤。...（1）核心语法/* 语法结构 */@media 媒体类型 and (媒体特性) { /* 满足条件时生效的CSS样式 */ 选择器 { 属性: 值; }}（2）常用媒体类型all：所有设备（...--[if IE 9]> 专属样式浮动布局（兼容性好，经典方案）CSS： .container { overflow: hidden; } /* 清除浮动，避免父元素高度坍塌 */ .left { width: 200px; float

5402 0

1.5 万字 CSS 基础拾遗（核心知识、常见需求）

，@import 导入的样式需等页面加载完成后再加载； link 没有兼容性问题，@import 不兼容 ie5 以下； link 可以通过 JS 操作 DOM 动态引入样式表改变样式，而@import...你可以通过给加上 media 属性来指定该样式文件只能对什么设备生效，不指定的话默认是 all，即对所有设备都生效： css...而产生 BFC 的方式很多，我们可以给父元素设置overflow: auto 来简单的实现 BFC 清除浮动，但是为了兼容 IE 最好用 overflow: hidden。...参考：CSS中的浮动和清除浮动，梳理一下[16] 消除浏览器默认样式针对同一个类型的 HTML 标签，不同的浏览器往往有不同的表现，所以在网站制作的时候，开发者通常都是需要将这些浏览器的默认样式清除，...针对清除浏览器默认样式这件事，在很早之前 CSS 大师 Eric A. Meyer 就干过。它就是写一堆通用的样式用来重置浏览器默认样式，这些样式通常会放到一个命名为 reset.css 文件中。

2K2 0

【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )

清除浮动的方法 , 使用 after 伪元素清除浮动 ; 2、after 伪元素清除浮动简介在 CSS 样式最上面 , 声明清除浮动元素样式 , 将选择器设置为 .clearfix:after ,...: /* 低版本浏览器 IE6 / IE7 清除浮动样式 */ .clearfix { *zoom: 1; } 如果需要清除某个父容器中子元素的浮动样式 , 在该父容器的 class...核心代码示例 : CSS 样式代码 : /* 清除浮动 - 使用 after 伪元素 ( 最流行写法 ) */ .clearfix:after { content: ""; display...: block; height: 0; visibility: hidden; clear: both; } /* 低版本浏览器 IE6 / IE7 清除浮动样式 */.../ IE7 清除浮动样式 */ .clearfix { *zoom: 1; } /* 父容器 1 没有指定高度 , 默认 0 像素 */ .father1 { width

1.7K2 0

1.5 万字 CSS 基础拾遗（核心知识、常见需求）

，@import 导入的样式需等页面加载完成后再加载； link 没有兼容性问题，@import 不兼容 ie5 以下； link 可以通过 JS 操作 DOM 动态引入样式表改变样式，而@import...你可以通过给加上 media 属性来指定该样式文件只能对什么设备生效，不指定的话默认是 all，即对所有设备都生效： css...而产生 BFC 的方式很多，我们可以给父元素设置overflow: auto 来简单的实现 BFC 清除浮动，但是为了兼容 IE 最好用 overflow: hidden。...参考：CSS中的浮动和清除浮动，梳理一下[16] 消除浏览器默认样式针对同一个类型的 HTML 标签，不同的浏览器往往有不同的表现，所以在网站制作的时候，开发者通常都是需要将这些浏览器的默认样式清除，...针对清除浏览器默认样式这件事，在很早之前 CSS 大师 Eric A. Meyer 就干过。它就是写一堆通用的样式用来重置浏览器默认样式，这些样式通常会放到一个命名为 reset.css 文件中。

1.6K3 0

【CSS】CSS 总结 ⑥ ( 盒子模型摆放机制 - 普通流浮动定位 | 浮动 - 脱离标准流 | 清除浮动语法 | 额外标签法 | after 伪元素清除浮动 ) ★

父容器内边距 ; 二、CSS 清除浮动 1、清除浮动简介在开发页面时 , 遇到下面的情况 , 父容器没有设置内容高度样式 , 容器中的子元素设置了浮动样式 , 脱离了标准流 , 高度会默认设置为...0 像素的问题 ; 清除浮动效果 : 父容器检测高度时 , 会考虑浮动子元素的高度 , 将浮动元素的高度计算在父容器的总高度中 ; 2、清除浮动语法 - 额外标签法清除浮动语法 : CSS...在 CSS 样式最上面 , 声明清除浮动元素样式 , 将选择器设置为 .clearfix:after , 其中的 :after 是伪元素 , /* 清除浮动元素样式 */ .clearfix...高版本浏览器才支持 , 低版本浏览器不支持该设置 , 为了兼容低版本浏览器 , 需要使用下面的样式 : /* 低版本浏览器 IE6 / IE7 清除浮动样式 */ .clearfix {...; } 低版本浏览器 IE6 / IE7 清除浮动样式 : .clearfix { *zoom: 1; } 声明完上述元素后 , 在需要清除浮动元素的父容器中 , 声明 clearfix

1.2K1 0

每天10个前端小知识【Day 15】

换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。 6.为什么会出现浮动？什么时候需要清除浮动？清除浮动的方式有哪些？浮动元素碰到包含它的边框或者浮动元素的边框停留。...清除浮动的方式：父级div定义height 最后一个浮动元素后加空div标签并添加样式clear:both。包含浮动元素的父标签添加样式overflow为hidden或auto。...8.前端项目中为什么要初始化CSS样式？因为浏览器的兼容问题，不同浏览器对标签的默认值是不同的，如果没有对浏览器的CSS初始化，会造成相同页面在不同浏览器的显示存在差异。...link属于HTML标签，而@import是css提供的；页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载； @import只在IE5以上才能识别，而link是...这是因为，在CSS中，盒子模型可以分成：W3C 标准盒子模型、IE 怪异盒子模型。默认情况下，盒子模型为W3C 标准盒子模型；标准盒子模型，是浏览器默认的盒子模型。

1.2K1 0

CSS 实用手册

CSS 语法规范 (1). 继承性，大部分的样式属性是可以被继承的 (2). 层叠性，可以为一个元素定义多个样式规则或样式声明,只要样式声明不冲突时,那么所有的样式声明都可以应用到元素上 (3)....Clear 清除浮动，清除当前元素前面元素浮动所带来的影响，清除浮动影响后，当前元素不会上前占位语法:clear:value (1). none 默认值，无清除效果 (2). left 清除当前元素前面元素左浮动带来的影响...只在 IE 下生效 IE]>这段文字只在 IE 浏览器显示 B. 只在 IE6 下生效 IE 6]>这段文字只在 IE6 浏览器显示在 IE6 以上版本上生效 IE6]>这段文字只在 IE6 以上(包括)版本 IE 浏览器上显示 D. 只在 IE8 上不生效 IE 8]>这段文字在非 IE8 浏览器显示 E. 非 IE 浏览器生效 IE]>这段文字只在非 IE 浏览器显示 F.

4.9K1 0

知识整理之CSS篇

示意图： image.png 解释下什么是浮动和它的工作原理？什么是浮动？非IE浏览器下，容器不设高度且子元素浮动时，容器高度不能被内容撑开。此时，内容会溢出到容器外面而影响布局。...2. clear:both 在最后一个子元素新添加最后一个冗余元素，然后将其设置clear:both,这样就可以清除浮动。...伪元素清除浮动上面那种办法固然可以清除浮动，但是我们不想在页面中添加这些没有意义的冗余元素，此时如何清除浮动吗？...触发hasLayout，清除浮动。 zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决ie下比较奇葩的bug。...譬如外边距（margin）的重叠，浮动清除，触发ie的haslayout属性等。

3.1K2 0

CSS：CSS使用Tips

一般新手在使用Css的时候经常会犯一些错误，出现一些不经意的漏洞，如果能从刚开始学习书写Css的时候开始就注重Css使用的一些习惯性的要求，那在以后的项目开发中是很有帮助的。...搜集了一些资料，也有一些自己的体会，一下是常用的一些Css使用Tips：不确信、则验证。实际效果至上，不管自己认为效果是怎样，只有放在浏览器上验证之后才能保证无误。...若用浮动实现布局，确保正确地清除了浮动。我是不喜欢使用浮动的，脱离常规的流，使用太多浮动的话，很容易导致自己都不知道写出来的样式会怎么呈现了。所以如果使用浮动，一定要确保清除。...避免IE6的“无样式内容瞬间”现象。使用@import语句引入外部样式表，可能会在IE6中出现“无样式内容瞬间”现象，可以通过使用link链接样式表，或者在页面上添加script元素来避免这个问题。...important;}，但由于IE不支持它，所以现在更多的是作为CSS HACK来使用。

1.8K2 0

前端开发面试题答案(二)

:after 在元素之前添加内容,也可以用来做清除浮动。...清除浮动的方式清除浮动是为了清除使用浮动元素产生的影响。浮动的元素，高度会塌陷，而高度的塌陷使我们页面后面的布局不能正常显示。...21、zoom:1的清除浮动原理? 清除浮动，触发hasLayout； Zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决ie下比较奇葩的bug。...譬如外边距（margin）的重叠，浮动清除，触发ie的haslayout属性等。...样式系统从关键选择器开始匹配，然后左移查找规则选择器的祖先元素。只要选择器的子树一直在工作，样式系统就会持续左移，直到和规则匹配，或者是因为不匹配而放弃该规则。

2.3K4 0

前端面试题归类-css

float浮动为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？浮动元素碰到包含它的边框或者浮动元素的边框停留。由于浮动元素不在文档流中，所以文档流的块框表现得就像浮动框不存在一样。...清除浮动的方式：父级div定义height最后一个浮动元素后加空div标签并添加样式clear:both。包含浮动元素的父标签添加样式overflow为hidden或auto。...原因是不同的浏览器对一些元素有不同的的默认样式，如果你不处理，在不同浏览器下回存在必要的风险，或者更有戏剧性发生。你可能会用Normalize来代替你的重置样式文件。...最常见的应用是利用伪类清除浮动：CSS Code复制内容到剪贴板//一种常见利用伪类清除浮动的代码 .clearfix:after { content:"....，再利用clear: both清除浮动。

2.8K4 0

重温前端-css篇

::after 伪元素 ::after 能够在指定元素的后面插入一些内容，在 ::after 中需要使用 content 属性来定义要追加的内容，而且在 ::after 中必须定义 content 属性才会生效...；继承的 CSS 样式不如后来指定的 CSS 样式；在同一组属性设置中标有!...(5)用after伪元素清除浮动给外部盒子的after伪元素设置clear属性，再隐藏它这其实是对空盒子方案的改进，一种纯CSS的解决方案，不用引入冗余元素。...这是一种纯CSS的解决浮动造成盒子塌陷方法，没有引入任何冗余元素，推荐使用此方法来解决CSS盒子塌陷。备注：第五种方法虽好，但是低版本IE不兼容，具体选择哪种解决方法，可根据实际情况决定。...，如何清除浮动？

1.8K3 0

104道 CSS 面试题，助你查漏补缺（上）

[28] 29.请解释一下为什么需要清除浮动？清除浮动的方式[29] 30.使用 clear 属性清除浮动的原理？[30] 31.zoom:1 的清除浮动原理?...31.zoom:1 的清除浮动原理清除浮动，触发hasLayout； zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决ie下比较奇葩的bug。...譬如外边距（margin）的重叠，浮动清除，触发ie的haslayout属性等。...样式系统从关键选择器开始匹配，然后左移查找规则选择器的祖先元素。只要选择器的子树一直在工作，样式系统就会持续左移，直到和规则匹配，或者是因为不匹配而放弃该规则。...: #39简单说一下-css3-的-all-属性 [40] 40.为什么不建议使用通配符初始化 css 样式。

3K1 0

CSS

CSS注释 /*这是注释*/　　　 CSS的几种引入方式行内样式　　　　行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。...　　　　外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可。...：　　　　　　你会看到之前的background-color有了一个横线，这是不生效的效果，因为你查看的hover的样式　　　　　　还可以看到class 　　　　　　把对勾去了，这个class...，在父标签里面加一个其他的标签伪元素清除法 css来解决 overflow:hidden 给塌陷的父级标签设置这个属性就可以清除浮动。　　　　...：　　　　效果是一样的：　　　　一般业内约定成俗，都把这个清除浮动的class属性命名为clearfix，而不是cc，如果你在别的网页看到了这个clearfix，这个一定是用来清除浮动的。

2.6K1 0

第136天：Web前端面试题总结（理论）

服务器开启gzip压缩　　c. css样式的定义放置在文件头部　　d. Javascript脚本放在文件末尾　　e. 压缩合并Javascript、CSS代码　　f. ...本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失　　h. sessionStorage 的数据在页面会话结束时会被清除　　i. ...设置行内元素的高宽：在Standards模式下，给等行内元素设置wdith和height都不会生效，而在quirks模式下，则会生效。　　c. ...清除浮动的方法浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 1.使用空标签清除浮动。...这种方法是在所有浮动标签后面添加一个空标签定义css clear:both. 弊端就是增加了无意义标签。 2.使用after伪对象清除浮动　　　该方法只适用于非IE浏览器。

2.6K4 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭