当前位置:首页 > 日记 > 正文

在CSS中使用清晰的左/右的详细解释

在CSS中使用清晰的左/右的详细解释
本文主要介绍CSS中的清除:左/右的用法。结合实例详细说明了布局对选址的影响。如果他需要一个例子,作者可以参考它。
1。清楚明白:左/清楚:正确

当你想到清晰:左,你自然会想到清左浮动;明确:右边是清除右边的浮动。

事实上,这种理解和表达是没有经过仔细考虑的。

一般来说,现在中国圈的表现是:

清晰的语法:
明确:没有左右两| | |

价值:
无:默认值。允许双方拥有浮动对象。
左边:左边没有浮动物体。
右:右边没有浮动物体。
两个:不允许浮动对象。

W3。org的官方解释是,该元件盒的边缘不能靠近前面的浮动元素。

我个人认为官方解释比较好一点。

我是否左/右浮动,清晰,或这是行业内,不允许浮动对象对左/右侧,这意味着明确的元素使浮动元素如何。这就是我如何让其他人怎么~大家可以仔细体会,感觉

官方规则是建立明确的元素不多,我能做什么,你可以再次感觉

为什么官方解释更好是对别人不做吗为什么哈,这个解释很好,很容易记住,比较流行的原因是:

一定要记住这句话:飘是魔鬼,它会影响其他相邻的元素;但清楚的是萧百,它只会影响自己,不会影响其他邻近的元素。

然而,官方的解释似乎很难理解,缺乏灵性,所以,我根据我的感性认识做了以下的理解:

清晰的语法:
明确:没有左右两| | |

价值:
无:默认值。
左:左防浮
右:右反浮动
两面防浮

反;拟人动词的启动者是清晰属性的元素,包括图像和定义。

对一个例子的真实了解
你可以点击这里:清晰的效果:左/右是演示。
例如,明确:左作用表现在画面显示画面左边浮动和魔鬼化身的影响相邻元素。普通元素无法逃脱被束缚的命运的影响。除非你有明确的技能。例如,这里是明显的左侧:左抗浮,左边浮动,别碰我mdash;mdash;我如下图所示。

但是,如果图片是漂浮在右边的,清晰的:左侧仍然无法逃脱秋天的命运,你可以看到父亲级集装箱倒塌的高度!

清晰:左如蟹,一方不放弃。
因此,考虑到普遍性,我们使用清楚:两者都。反浮加工。意图是显而易见的:我不需要在意你是漂浮着还是向右漂浮。我都免疫了。

因此,我们将有以下的剪切和浮动CSS:

CSS代码将内容复制到剪贴板。
固定{缩放:1;}
修复:{;显示:表;清除:两个;}

旁边的问题,似乎我们接触清楚,基本上都是价值观,似乎左边,正确的价值是鸡肋骨出现,没有什么用途。是真的吗
二、实际使用的清晰:左/右

最实际和最常用的清除:左/右是实现垂直环绕布局。

一个简单的主题,如下图所示的布局实现,您的HTML结构是什么
哈,我猜,你会估计头img和名字,把它放在同一个父容器,这父容器的浮动的左边,然后在右边的信息元素将漂浮(自适应布局),对吗

这是行业内的主流做法,但事实上没有问题。

但是你会想到这样一个问题:为什么你几乎所有的HTML结构都是这样设计的

事实上,根据我的外行的理解,头像、名字、自我描述应该是平和兄弟的。从语义上看,似乎是阿凡达这个名字,成儿不女。

当我们只知道银行里的钱更多的时候,我们会节省金钱和金钱,同样的,我们不是不想尝试其他的结构来实现布局,但是我们不知道路!

如何头、名、自我描述三兄弟平起平坐,实现我们想要的布局效果通过明确:左,与浮动属性半壁clear属性可以实现垂直布置在;。

什么是垂直包围式布局以上演示中有提示:
这两张图片实际上是浮动的权利,在这种情况下,很明显,图片将一排排。然而,如果下一个画面是树立正确的抗浮声明:明确:对。,然后画会掉下来形成一个垂直的布局,加上其本身的流动特性仍然存在,所以两图片就像一个浮动的整体。这是典型的垂直包围布局;。

因此,我们有HTML和CSS,我们有一个新的布局,以满足标题的要求。

CSS代码将内容复制到剪贴板。
头像
全名
我是一个帅哥
在这一点上,三兄弟平起平坐!

相关文章

对CSS3过渡的一个详细的例子

对CSS3过渡的一个详细的例子

例子,详细,电脑软件,本文主要介绍了CSS3的过渡,这是CSS3入门学习的基本知识,你需要的朋友可以参考一下。 1。可扩展的搜索形式 人往往在sf.gg知道顶部导航栏是这样的: 当输入框获得焦点时,结果是这样的。 使用CSS3的过渡属性,我们可以简单地做…

Word2007更改页眉或页脚内容方法Wo

Word2007更改页眉或页脚内容方法Wo

方法,教程,页眉,内容,电脑软件,1、在Word2007插入的标签;;页眉和页脚组中,单击;头或页脚; 2,通过选择文本和修改,或使用迷你工具栏上的选项设置文本格式来更改页眉或页脚。例如,可以更改字体、应用粗格式或应用不同的字体颜色。 提示:查看页面视图(…

径向动画菜单效果的jQuery实现

径向动画菜单效果的jQuery实现

菜单,动画,效果,电脑软件,jQuery,最终效果: 在制作径向菜单之前,你需要先了解几个知识点。 积极的math.sin形而上学的价值(x)x的返回值是1和1之间。 math.cos的余弦值(x)x数量的1至1返回。 这两个函数中的x表示的是弧度而不是角度。弧度的公式…

ps如何将添加到多幅图像叠加中

ps如何将添加到多幅图像叠加中

叠加,图像,如何将,多幅,电脑软件,本教程是向朋友介绍PS如何将图片做成多幅叠加效果的方法。教程产生的叠加效果非常好。建议喜欢的朋友可以和教程一起学习。 用ps做图片叠加效果,很简单哦,只要按照教程中介绍的步骤,你也可以学习。现在让我们…

QQ技巧,取消QQ技术的多重登录技巧

QQ技巧,取消QQ技术的多重登录技巧

多重,登录,取消,技巧,技术,现在,QQ登录在手机和电脑上。如果你觉得多个登录的使用是不安全的,那么如何取消QQ多个登录方法很简单,然后看看具体操作。 多登录功能目前正在支持手机端操作取消,目前电脑终端不支持操作。 当你登录到手机QQ时,在一般…

常用词常见问题的共性问题

常用词常见问题的共性问题

常见问题,常用词,共性,电脑软件,以下是与您分享的常见单词问题摘要。我希望你能帮助你。 1。问:如何在Word中设置不同的页眉,使不同的页眉不同 答:一节中,每个部分都可以设置不同的页眉——文件——页面设置——页面页眉和页脚——与主页不同。…

在Javascript正则表达式ignoreCase属性使

在Javascript正则表达式ignoreCase属性使

正则表达式,解决方案,属性,详细,电脑软件,忽略大小写是一个只读的一个正则表达式对象的布尔属性,它指定特定正则表达式的执行情况不敏感的比赛。这是与我的财产了。 语法 regexpobject.ignorecase 下面是参数的详细信息: Na 返回值: 如果i…

一种教你用PS制作海报美丽图画的方

一种教你用PS制作海报美丽图画的方

方法,图画,海报,教你用,美丽,点阵图的海报相当不错。做一个女孩/男朋友 1。一个新文档,如图所示: 2、将前景颜色设置在白色的工具箱中,选择在工具箱中,铅笔工具,设置画笔大小的1像素,然后画出图片中显示的白色。 3、选择菜单栏;编辑自定义模式命令…

从世界reactjs你好

从世界reactjs你好

你好,世界,电脑软件,reactjs,本文在react.js提供实例和代码(一个脸谱网的工程师来构建Javascript库的用户界面)在高水平的概念。这些概念将在下面的文章中详细阐述。在这里,我必须指出,如果你是一个reactjs专家觉得代码需要改进,请你推荐给我写信,我会…

一种将中文与CSS代码空间对齐的方

一种将中文与CSS代码空间对齐的方

对齐,空间,中文,方法,代码,本文主要介绍利用CSS代码空间中国对齐的方式,包括# X3000和伪元素。 使用一些空格来实现一些不同的中文对齐或宽度: 其中的一个国营油井服务公司;和EMSP;,由于一个好的特点,所以它可以登上舞台的网络!这个角色是什么如上…

jQuery检测元素是否存在代码共享。

jQuery检测元素是否存在代码共享。

检测,元素,是否存在,代码,电脑软件,代码中可能存在这样一种情况,根据元素是否存在,执行不同的操作,因此有必要确定指定的元素是否存在。 匹配元集合可以通过$(选择器)获得,并且匹配元素集的长度属性可以得到集合中匹配元素的数量,因此,如果判断长度…

PS抠图:磁性套索工具使用的方法

PS抠图:磁性套索工具使用的方法

抠图,方法,工具使用,套索,磁性,大家都知道,第一步是学习PS图象处理软件掌握PS抠图,其次是以小编的经验教你如何选择抠图方法,以及每一种抠图技巧是如何使用和操作,从简单的方法一个一个先进的方法,希望能帮助学习PS的朋友,这是你在PS抠图磁性套索…