`
yeruowei
  • 浏览: 25466 次
  • 性别: Icon_minigender_2
  • 来自: 西安
社区版块
存档分类
最新评论

解决CSS中float:right后右对齐换行问题

    博客分类:
  • CSS
 
阅读更多
在Chrome、Firefox下这个问题没有出现,但是在IE下就会出现,float的元素另起一行了。

解决方法:
把float元素先于非float元素,如下:
<div>
    <div style="float:right">float元素 </div>
    非float元素
</div>
分享到:
评论

相关推荐

    CSS中右对齐float:right换行的解决办法

    本文将详细介绍几种解决CSS中右对齐float:right导致的换行问题的方法。 首先,我们来了解一下float属性。float属性在CSS中被用于指定一个元素应该向左浮动、向右浮动还是不浮动。浮动的元素会脱离正常的文档流,并...

    css中float:right右对齐元素会换行不在同一条线上

    CSS中通常我们需要将某元素居左、居右显示,这个时候我们就可以根据float来设置,在设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右元素不在同一条线上,我们可以通过以下方式来解决这...

    E7 float:right 时元素换行出现在下一行的bug解决方法

    在网页布局设计中,`float`属性是一个至关重要的CSS特性,它允许元素脱离其正常文档流,从而可以创建多列布局、对齐...然而,在还需要支持旧版IE浏览器的项目中,理解并解决`float:right`引起的换行问题仍然是必要的。

    div中加入span右对齐后出现换行显示两种解决思路

    就类似说空间里面模块中模块名靠左,编辑字样出现在靠右,一般思路的话一定是认为通过分开两列,一个align=left,另一个align=right。后来我无意中发现有个东西叫,比如实现模块的效果就可以:文章&lt;span&gt;&lt;a&gt;编辑&lt;/a&gt;&lt;/...

    float元素浮动后高度不一致导致错位的解决办方法

    当N个元素浮动后,会导致错位的问题。一般给元素一个固定的height就没有这个现象。 但是当高度不一致时,就需要想别的办法来解决了: 1、给父元素定义font-size:0; 浮动子元素定义需要的font-size, 再定义display...

    DIVCSS布局:CSS浮动float属性详解.doc

    浮动(float)属性是CSS布局中的一个关键特性,主要用于创建流式布局、多列布局以及解决元素定位问题。在传统表格布局中,我们依赖表格的对齐方式来组织内容,但在Web标准开发中,浮动属性成为了实现灵活布局的核心...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    掌握这些技巧,可以帮助开发者有效地解决CSS在IE6和IE7中的兼容性问题,使得网站在各种浏览器下都能呈现一致的视觉效果。随着技术的发展,现代浏览器对CSS的支持已经大大增强,但仍需关注老版本浏览器的兼容性,尤其...

    CSS通用样式基本文档

    - **作用**:针对Internet Explorer 6及以下版本的浏览器进行特定样式处理,解决该版本浏览器的一些渲染问题。 - **应用场景**:旧版IE浏览器兼容性支持。 #### 三、文档结构样式 ##### 1. 文档主体样式 ```css ...

    css:字体属性参考大全

    - `right`: 右对齐 - `center`: 居中 ##### 3. 缩进(Text Indent) - **语法**:`text-indent: indent;` - **描述**:设置文本的首行缩进。 - **值**:**数值**:例如 `20px` ##### 4. 垂直对齐(Vertical ...

    js中css对照表

    在Web开发中,JavaScript与CSS是两个非常重要的技术。为了更好地实现动态效果和交互性,开发者经常需要通过JavaScript来操作DOM元素的样式。这就涉及到了JavaScript如何访问和修改CSS属性的问题。本文将详细介绍...

    通用css样式

    **解决IE5.x和IE6中的兼容性问题** - 对于老旧的浏览器如IE5.x和IE6,需要特别注意它们在处理某些属性时存在的bug。 ```css *html body { overflow: visible; } *html iframe, *html frame { overflow: auto...

    CSS-day04.pptx

    浮动元素与兄弟盒子的关系在一个父级盒子中,如果前一个兄弟盒子是浮动的,那么后一个兄弟盒子将会根据浮动的盒子的位置进行对齐。 _float 属性是一个非常重要的 CSS 属性,它可以让我们轻松地实现各种布局方式,...

    css样式大全精华版.docx

    - `right`:右对齐 - `center`:居中 - 示例: ```css text-align: center; ``` **3. 缩进** (`text-indent`) - 示例: ```css text-indent: 20px; ``` **4. 垂直对齐** (`vertical-align`) - `...

    css中文排版心得

    `text-align`用于设定文字对齐方式,包括左对齐(left)、右对齐(right)、居中(center)和两端对齐(justify)。为了消除默认边距带来的问题,通常会在CSS中为所有元素设定`margin: 0;` 3. **竖排文字**:`...

    firefox与ie css+div兼容大全

    在网页设计中,Firefox与IE(尤其是Internet Explorer)之间的CSS兼容性问题一直是开发者们面临的一大挑战。以下是一些常见的CSS兼容性问题以及解决方案: 1. **DOCTYPE的影响**:DOCTYPE声明会影响浏览器进入不同...

    CSS2.0中文手册.rar

    4. **浮动(Floating)**:CSS2.0中的浮动主要用于创建多列布局,`float: left`和`float: right`使元素从左或右开始浮动,允许文本和其他非浮动元素环绕它。 5. **颜色与背景**:CSS2.0支持更多的颜色模式(如RGB、...

    浏览器兼容问题

    ### 浏览器兼容问题详解 ...通过上述解决方案,我们可以有效地解决在开发过程中遇到的大部分浏览器兼容性问题。这些方法不仅能够帮助我们提高网站在不同浏览器中的表现一致性,还能提升用户体验。

Global site tag (gtag.js) - Google Analytics