ie兼容问题 float:right 印出来的换行问题
问题:
<h2 class="title">AAAAAAAA<div style="float:right">BBBBBBBB</div></h2>
这段代码在chrome中是正常的可是到了ie下面确是换行的,如何解决呢
这段代码在chrome中是正常的可是到了ie下面确是换行的,如何解决呢
解决办法一:
这是ie的一个典型问题,原因出在float:right上,在ie下要把float的部分放倒没有float的部分前面,
像这样,就不会断行:
<h2 class="title"><div style="float:right">BBBBBBBB</div>AAAAAAAA</h2>
像这样,就不会断行:
<h2 class="title"><div style="float:right">BBBBBBBB</div>AAAAAAAA</h2>
解决办法二:
或者给“调查管理-编辑问题”加个float:left,像这样
<h2 class="title"><span style="float:left">AAAAAAAA</span><div style="float:right">BBBBBBBB</div></h2>
<h2 class="title"><span style="float:left">AAAAAAAA</span><div style="float:right">BBBBBBBB</div></h2>
相关推荐
本文将详细讨论`float:right`在IE7中遇到的元素换行错位问题以及如何解决这个问题。 首先,我们需要理解`float`属性的工作原理。`float`属性允许元素脱离其正常文档流,向左或向右移动,直到其边缘碰到容器的边框或...
### IE6, IE7, IE8 兼容性问题详解 #### 一、引言 在Web开发过程中,确保网站能够在各种不同的浏览器中正常显示是非常重要的。尤其是在早期的Web时代,Internet Explorer(简称IE)系列浏览器占据着重要的市场份额...
标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...
本文将探讨如何解决在IE浏览器下`float:right`导致的换行问题。 首先,我们来看一个示例代码: ```css .h3 a { background: url("/mimages/more.png") no-repeat scroll 100% 50% / 15px auto rgba(0, 0, 0, 0); ...
【CSS浏览器兼容问题详解】 在Web开发中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对老旧的Internet Explorer版本,如IE6和IE7。了解和掌握这些兼容性技巧,能有效提升网页在不同...
【CSS在IE6 IE7与FireFox下的兼容问题】 在Web开发中,CSS(层叠样式表)的兼容性问题一直是开发者面临的一大挑战,尤其是在早期的浏览器之间,如Internet Explorer (IE)的6、7版本和Firefox。这些浏览器对CSS标准...
/* 解决 IE7 中 float:right 换行问题 */ .parent { position: relative; /* 添加此行 */ } .child-float-right { float: right; /* 保持不变 */ position: absolute; /* 添加此行 */ right: 0; /* 需要根据...
【CSS浏览器兼容问题详解】 在Web开发中,CSS(层叠样式表)是用于控制网页元素样式的关键技术,但它在不同浏览器之间的兼容性问题一直是开发者面临的挑战。尤其是针对老版本的Internet Explorer(如IE7、IE6)和...
在Web开发中,尤其是涉及到前端布局时,`DIV+CSS`的兼容性问题常常困扰着开发者,特别是针对不同版本的Internet Explorer(IE6、IE7和IE8)。这些早期版本的IE浏览器存在许多解析CSS规则的不同方式,导致在实现预期...
【CSS浏览器兼容问题详解】 在Web开发中,CSS(层叠样式表)是用于控制网页布局和样式的语言。然而,不同的浏览器对CSS的支持程度和解析方式可能存在差异,导致兼容性问题。以下是一些常见的CSS在不同浏览器,尤其...
本文将深入探讨如何使CSS样式兼容IE6、IE7、IE8、IE9以及Firefox、Chrome等现代浏览器。 1. **DOCTYPE声明的影响**: DOCTYPE声明对于浏览器的渲染模式至关重要。在HTML文档的顶部加入正确的DOCTYPE,如`<!DOCTYPE...
本资源摘要信息详细介绍了浏览器兼容性问题的解决方案,涵盖了CSS技巧、浏览器bug、DIV浮动、IE兼容性问题等多个方面。 一、 兼容性问题:CSS 技巧 1. div 的垂直居中问题:使用vertical-align:middle;将行距增加...
下面是解决浏览器兼容问题的 CSS 语法技巧大全,涵盖了 IE 和 Firefox 浏览器的兼容性问题。 1.垂直居中问题 使用 `vertical-align:middle;` 可以实现 DIV 的垂直居中,但需要控制内容不要换行。同时,使用 `line-...
3. **浮动元素的双倍距离问题**:当一个浮动元素(`float: left`或`float: right`)设置了margin时,IE可能会产生双倍的距离。可以通过添加`display: inline;`来修复这个问题。 4. **宽度和高度问题**:IE不支持`...
- **问题描述**:在设置 `div` 的 `margin-left` 和 `margin-right` 属性为 `auto` 实现水平居中时,IE 中需要设置 `body` 元素的 `text-align` 为 `center`;而在 FF 中,则需确保 `div` 元素的宽度小于其父容器的...