文档章节

神奇的clear:right

临江若仙
 临江若仙
发布于 2014/06/15 14:11
字数 216
阅读 121
收藏 8

「深度学习福利」大神带你进阶工程师,立即查看>>>


        其实,原因很简单,是加载顺序的问题,因为后面一个元素没有加载好,所以后面的元素不会受到clear:right的影响~

也就是前面元素在执行clear:right的时候,后面应该消失的元素还没有出现,所以计算不出要换行。

clearright
再配合overflow:hidden就可以搞定问题。

不要问我这个是为什么,我也不知道原因,谁知道跟我说下,我也是那里玩时偶然发现的。XD 代码在这里

<div class="wrapper">
<div class="sbox">Content</div>
<div class="sbox">Content</div>
</div>

.wrapper{
clear:both;
float:left;
width:150px;
border:3px #666 solid;
padding:3px;
background-color:#efefef;
}
.sbox{
/*clear:right;*/
float:left;
width:100px;
height:100px;
border:1px #000 solid;
background-color:#ccc;
}


临江若仙
粉丝 7
博文 27
码字总数 12524
作品 0
广州
高级程序员
私信 提问
加载中
此博客有 1 条评论,请先登录后再查看。
iOS 语音识别

OpenEars是一个开源的iOS类库,用于在iPhone和iPad实现语音识别功能。本demo利用此开源类库实现了简单的语音识别。可以识别:CHANGE、LEFT、RIGHT、FORWARD、BACKWARD、GO等英文,其他语素需...

匿名
2013/03/15
6.3K
0
分享红薯推荐的数据库管理工具使用技巧

嘿嘿。。不好意思呀,打着红薯的旗号把你骗进来了。。 数据库管理工具 navicat 我们在查询大量数据的时候可能会想知道具体是哪儿出了毛病,影响 --- 性 ----能... 今天红薯介绍navicat给我。...

用户已屏蔽
2011/04/19
504
2
通过Android源代码分析startActivity()过程(上)

通过Android源代码分析startActivity()过程(上) 一 概述 在Android中,我们去调用startActivit()来启动一个Activity,经过复杂的代码跳转后,最终是由ActivityManagerService(简称ams,下...

Cundong
2016/04/05
1.1K
3
[喵咪Linux(2)]环境变量的坑

玩过linux的童鞋对环境变量都不陌生,我们在安装好一些软件,组件之后想要直接使用它都需要加入环境变量,并且比如java啊golang都必须依赖你设置的环境变量来运行,在最近笔者在日常工作中遇到了...

喵了_个咪
2016/05/17
373
2
基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步(二)

我们上一篇《基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步(一)》主要讲解了如何搭建一个实时数据通讯服务器,客户端与服务端是如何通讯的,相信通过上一篇的讲解,再配合上数据库...

xhload3d
2016/07/26
1.4K
0

没有更多内容

加载失败,请刷新页面

加载更多

android 获取mac地址

android获取Mac地址的两种方式,适用于6.0版本以下 public static String tryGetWifiMac(Context context) { WifiManager wm = (WifiManager) context.getApplicationContext().getSyst......

osc_8cqhsn24
13分钟前
0
0
阿里HR: 你会 Android 实现侧滑菜单-design吗? CN看了,原来这么简单呀!

google提供的Design开发包里,有很多实用好看的新控件,这里介绍下使用DrawerLayout+NavigationView实现侧滑菜单效果 要使用Design包,只要在项目的build.gradle中添加下依赖就好(记得更新S...

osc_evac23lh
15分钟前
0
0
IOS开发控件视图day15:UIPageControl设置定时器自动翻页,以及更改小圆点背景图片

.h文件 @property(nonatomic,strong)UIScrollView *scrollView0;@property (strong, nonatomic) UIPageControl *pageControl0;@property (nonatomic,strong) NSTimer *nstime; .m文件(具......

osc_494omtst
16分钟前
0
0
Codeforces Round #663 (Div. 2) (CD)

C. Cyclic Permutations 思路:全排列减去单峰排列即为答案。 单峰排列即:峰左边下标的左边没有比它大的,峰右边的下标的右边没有比它大的。 单峰排列个数: 2 n − 1 2^{n-1} 2n−1,除 n ...

osc_gh0ost1g
17分钟前
0
0
Python Pandas面试题及答案

Pandas是一个开源库,可在Python中提供高性能的数据处理。 Pandas这个名称源自“面板数据”一词,这表示来自多维数据的计量经济学。 它可用于Python中的数据分析,并由Wes McKinney在2008年开...

程序员面试吧
17分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部