`
yejian235
  • 浏览: 22781 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

float后换不换行

 
阅读更多
晚上 加班,心血来潮写的一段验证代码

	<div style="overflow:hidden;zoom:1;width:100%;">
		<div style="border:1px solid #ccc;height:300px;width:400px;margin-right:10px;float:left;position:absolute;left:50%;margin-left:-410px;">
			div1
		</div>
		<div style="border:1px solid #ccc;height:300px;width:400px;float:right;position:absolute;right:50%;margin-right:-410px;">
			div2
		</div>
	</div>

0
0
分享到:
评论

相关推荐

    html中div不自动换行、强制不换行的具体实现

    1.用标签实现不换行 复制代码代码如下: &lt;div&gt;Hello world!&lt;nobr&gt; Hello world!&lt;nobr&gt;&lt;/div&gt; ...4.如果是两个div,可使用float实现不换行 复制代码代码如下: ”class1″&gt;hello &lt;/div&gt; &lt;div cla

    css float left布局换行不正常问题的解决

    主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    通过float实现两个div不换行

    复制代码代码如下: &lt;... &lt;head&gt; &lt;style type=”text/css”&gt; div#row1 { float: left; color: blue;... ”row1″&gt;第一个div&lt;/div&gt; ”row2″&gt;第二个div不换行&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    float元素设置百分比宽和margin自动换行问题

    问题:若两个内层盒子宽度设定为50%,则加上间隔15px会超出父容器就会自动换行;若两个内层盒子宽度设定为小于50%,则浏览器尺寸改变时就不会充满父容器,导致水平不居中。 解决方法:使用calc()动态计算宽度。...

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

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

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

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

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

    次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法

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

    a标签float在IE等浏览器下换行的情况想必大家都有遇到过吧,解决方法很简单,就是把a标签放在文本前面,下面是具体的示例,需要的朋友了解下

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

    浮动不正常的(不在同一行,换行了,仅仅因为多了一个&nbsp;,从而导致整个排版混乱): 浮动正常的1:(第一种解决办法:去掉&nbsp;) 浮动正常的2:(第二种解决办法:从&nbsp;起再套一层span,...

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

    如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一行,针对这个问题,下文给出详细的解决方法,感兴趣的朋友不要错过

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

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

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

    有不少网友反应自己用了float:right后内容跑到下面去了,关于这个问题我们先来看一个例子: 复制代码代码如下: &lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN ” ...

    FF浏览器下float换行的问题解决方法(IE和Chrome正常)

    但是在FF下就会有换行的问题,此问题让我很是疑惑,于是搜集整理了一些实用解决技巧,晒出来与大家一起分享,感兴趣的朋友可以参考下,希望本文对你学习浏览器兼容知识有所帮助,好了话不多说切入正题

    深入了解float与inline-block

    最近工作比较轻松,所以一直在写自己的canvas库..也没啥好知识点写博客,停滞了有2个月了吧.故今天决心花些时间来写一篇css的博文,刚好最近项目写界面的时候碰到这2个家伙…所以就和... //强行不换行 zoom:1; // 用来触

Global site tag (gtag.js) - Google Analytics