在CSS中使用清晰的左/右的详细解释
1。清楚明白:左/清楚:正确
当你想到清晰:左,你自然会想到清左浮动;明确:右边是清除右边的浮动。
事实上,这种理解和表达是没有经过仔细考虑的。
一般来说,现在中国圈的表现是:
清晰的语法:
明确:没有左右两| | |
价值:
无:默认值。允许双方拥有浮动对象。
左边:左边没有浮动物体。
右:右边没有浮动物体。
两个:不允许浮动对象。
W3。org的官方解释是,该元件盒的边缘不能靠近前面的浮动元素。
我个人认为官方解释比较好一点。
我是否左/右浮动,清晰,或这是行业内,不允许浮动对象对左/右侧,这意味着明确的元素使浮动元素如何。这就是我如何让其他人怎么~大家可以仔细体会,感觉
官方规则是建立明确的元素不多,我能做什么,你可以再次感觉
为什么官方解释更好是对别人不做吗为什么哈,这个解释很好,很容易记住,比较流行的原因是:
一定要记住这句话:飘是魔鬼,它会影响其他相邻的元素;但清楚的是萧百,它只会影响自己,不会影响其他邻近的元素。
然而,官方的解释似乎很难理解,缺乏灵性,所以,我根据我的感性认识做了以下的理解:
清晰的语法:
明确:没有左右两| | |
价值:
无:默认值。
左:左防浮
右:右反浮动
两面防浮
反;拟人动词的启动者是清晰属性的元素,包括图像和定义。
对一个例子的真实了解
你可以点击这里:清晰的效果:左/右是演示。
例如,明确:左作用表现在画面显示画面左边浮动和魔鬼化身的影响相邻元素。普通元素无法逃脱被束缚的命运的影响。除非你有明确的技能。例如,这里是明显的左侧:左抗浮,左边浮动,别碰我mdash;mdash;我如下图所示。
但是,如果图片是漂浮在右边的,清晰的:左侧仍然无法逃脱秋天的命运,你可以看到父亲级集装箱倒塌的高度!
清晰:左如蟹,一方不放弃。
因此,考虑到普遍性,我们使用清楚:两者都。反浮加工。意图是显而易见的:我不需要在意你是漂浮着还是向右漂浮。我都免疫了。
因此,我们将有以下的剪切和浮动CSS:
CSS代码将内容复制到剪贴板。
固定{缩放:1;}
修复:{;显示:表;清除:两个;}
旁边的问题,似乎我们接触清楚,基本上都是价值观,似乎左边,正确的价值是鸡肋骨出现,没有什么用途。是真的吗
二、实际使用的清晰:左/右
最实际和最常用的清除:左/右是实现垂直环绕布局。
一个简单的主题,如下图所示的布局实现,您的HTML结构是什么
哈,我猜,你会估计头img和名字,把它放在同一个父容器,这父容器的浮动的左边,然后在右边的信息元素将漂浮(自适应布局),对吗
这是行业内的主流做法,但事实上没有问题。
但是你会想到这样一个问题:为什么你几乎所有的HTML结构都是这样设计的
事实上,根据我的外行的理解,头像、名字、自我描述应该是平和兄弟的。从语义上看,似乎是阿凡达这个名字,成儿不女。
当我们只知道银行里的钱更多的时候,我们会节省金钱和金钱,同样的,我们不是不想尝试其他的结构来实现布局,但是我们不知道路!
如何头、名、自我描述三兄弟平起平坐,实现我们想要的布局效果通过明确:左,与浮动属性半壁clear属性可以实现垂直布置在;。
什么是垂直包围式布局以上演示中有提示:
这两张图片实际上是浮动的权利,在这种情况下,很明显,图片将一排排。然而,如果下一个画面是树立正确的抗浮声明:明确:对。,然后画会掉下来形成一个垂直的布局,加上其本身的流动特性仍然存在,所以两图片就像一个浮动的整体。这是典型的垂直包围布局;。
因此,我们有HTML和CSS,我们有一个新的布局,以满足标题的要求。
CSS代码将内容复制到剪贴板。
头像
全名
我是一个帅哥
在这一点上,三兄弟平起平坐!