`
boli.jiang
  • 浏览: 46858 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

float:right后对其换行

    博客分类:
  • html
阅读更多
float:right后换行的原因

原因:
当非float的元素和float的元素在一起的时候,如果非float元素在先,那么float的元素将被排斥
<div >添加<a  href="#" style="float: right">返回</a></div>

也就是说,如上例,你的a是float:right,但是你文本还是float:none

解决办法:

1.让你的float元素置于非float前。如:
<div ><a  href="#" style="float: right">返回</a>添加</div>


2.将float元素也改为float元素,如:
<div ><span type="float:left;">添加</span><a  href="#" style="float: right">返回</a></div>



那些元素是float元素?
待续。。。
分享到:
评论

相关推荐

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

    然而,在实际应用中,有些开发者会遇到同时使用float:left和float:right时,元素无法对齐在同一水平线上,而是出现换行的问题。本文将详细介绍几种解决CSS中右对齐float:right导致的换行问题的方法。 首先,我们来...

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

    但是,当`.a`类应用了`float:right`后,第二个`li`元素(`.a`)并不像预期那样靠右显示,而是移动到了下一行。 为了解决这个问题,我们可以采取以下两种策略: 1. **调整元素顺序**:将设置为`float:right`的元素...

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

    使用float属性进行右对齐时,可能会遇到一个问题,那就是右对齐的元素可能会由于容器宽度不足而被迫换行,这样会导致左边的元素和右边的元素不在同一水平线上。为了解决这个问题,文档中提到了两种可能的解决方法。 ...

    css给span加float:right右浮动后内容换行下移

    然而,在某些情况下,这可能会导致意想不到的布局问题,比如"span加float:right右浮动后内容换行下移"的问题,这个问题在描述中已经明确指出。 首先,让我们回顾一下上述示例代码: ```html &lt;!DOCTYPE html&gt; ...

    IE7 float:right 右浮动时元素换行错位的bug解决方法

    本文将详细讨论`float:right`在IE7中遇到的元素换行错位问题以及如何解决这个问题。 首先,我们需要理解`float`属性的工作原理。`float`属性允许元素脱离其正常文档流,向左或向右移动,直到其边缘碰到容器的边框或...

    通过float实现两个div不换行

    在这个例子中,我们没有对`div#row2`设置`float:right`,但它依然可以作为参考,如果需要将`row2`放在`row1`的右边,只需将颜色改为红色并添加`float:right`。 3. `float: none;` 默认情况下,所有元素的`float`...

    CSS之float在IE浏览器下换行问题解决方法

    本文将探讨如何解决在IE浏览器下`float:right`导致的换行问题。 首先,我们来看一个示例代码: ```css .h3 a { background: url("/mimages/more.png") no-repeat scroll 100% 50% / 15px auto rgba(0, 0, 0, 0); ...

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

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

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

    就类似说空间里面模块中模块名靠左,编辑字样出现在靠右...复制代码代码如下: .portlet span { float:right } 这个时候就发现出现一个问题“文章”跟“编辑”不在同一行中!这下苦闷了!于是只好去搜了问题原因如下

    css float属性_动力节点Java学院整理

    - **浮动层**:当赋予元素`float`属性后,该元素会脱离文档流,根据`left`或`right`值进行左右浮动。这会导致元素在页面上的位置改变,且会影响其他非浮动元素的布局。 ### 3. 示例分析 #### 3.1 `float:left` ...

    css中float left与float right的使用说明

    `float:right`则是相反的效果,元素会向右浮动,尽可能靠近右边界的边缘,其他非浮动元素则在其左边排列。同样,当右侧浮动元素无法再容纳在当前行时,它们会换行排列。 但是,`float`属性的使用不仅仅局限于左右...

    多个div能不换行吗?

    2. **使用 `float` 属性**:将 `div` 设置为浮动元素,它们会在其父容器中尽可能多地靠左(`float: left`)或靠右(`float: right`)排列。但是,这种方法可能导致父元素高度塌陷,需要额外的清理样式来修复。例如:...

    5个DIV并排在一行的一种方法

    &lt;... &lt;head&gt; &lt;title&gt;一种5个DIV并排在一行的方法&lt;/title&gt;...style type=”text/css”&... float:right; background:#0f0; } #d3 { float:right; background:#00f; } #d4 { float:right; background

    css定位绝对相对定位

    `或`float: right;`时,它会脱离正常的文档流,并尽可能向左或向右移动,直到碰到父元素的边界或其他浮动元素的边界。 例如: ```css .float-left { float: left; } .float-right { float: right; } ```...

Global site tag (gtag.js) - Google Analytics