明确:左/右怎么在CSS中使用

明确:左/右怎么在CSS中使用?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

<强>一、理解清楚:左/明确:对

当想到明确:离开的时候,自然会认为是“清除左浮动”,明确:权利是清除右浮动。

其实现在想想,这样的理解与表示是不严谨的欠考虑的。

一般,现在中文圈流传的表述是:

,,,明确语法:
,,,都清楚:没有左右| | |

,,,取值:
,,,没有:默认值。允许两边都可以有浮动对象
,,,左:不允许左边有浮动对象
,,,右:不允许右边有浮动对象
,,,两种:不允许有浮动对象

w3.org官方的解释是:“元素盒子的边不能和前面的浮动元素相邻”。

我个人觉得官方解释更好一点。

无论是我“清除左/右浮动”,还是业界流传的“不允许左/右边有浮动对象”,其意思都是,设置的清晰的元素让浮动元素如何如何。也就是我让别人如何如何~ ~大家可以仔细体会,细细感受下,白马王子,白马王子

而官方的说法则是“设置了清晰的元素不能怎样怎样”。也就是我自己如何如何~ ~大家可以再次感受下,白马王子,白马王子

为何官方解释更好呢?难道是“己所不欲勿施于人”的缘故?哈,这个解释赞的,方便记忆。更通俗的原因是:

务必记住这句话:“浮动是魔鬼,会影响其他相邻元素;但是明显是小白,其只会影响自身,不会对其他相邻元素造成影响!”

但是,官方的解释似乎拗口,缺少点灵性。于是,我根据自己的感性认知,做了如下理解:

,,,明确语法:
,,,都清楚:没有左右| | |

,,,取值:
,,,没有:默认值。
,,,左:左侧抗浮动
,,,右:右侧抗浮动
,,,两种:两侧抗浮动

“抗”这个拟人化的动词的发起者是设置了明确属性的元素,既形象又释义准确。

实例出真知
您可以狠狠地点击这里:明确:左/右的作用效果演示
明确:左/右怎么在CSS中使用“> </p> <p>例如上图所示的清楚:左作用示意:图片左浮动,化身魔鬼,要影响后面相邻的元素,一般的元素都逃不了被影响被束缚的命运。除非拥有明确的技能。例如,这里清楚:左左侧抗浮动,也就是,左侧的浮动根本就奈何不了我,不明,和终止,我还是原原本本在下面显示。</p> <p>但是,如果图片是右浮动,则明确:左仍逃不过沦陷的命运,可以看到父级容器的高度塌陷了! </p> <p>单纯的清楚:左就像是招潮蟹,一侧雄起,一侧不举。<br/>因此,考虑到通用性,在抗浮动的处理中,我们都是使用明确的:两者都有。用意很明显:我不必关心你是左浮动还是右浮动,我都通通免疫。</p> <p>因此,我们才会有下面这段雕琢后的清除浮动通用CSS: </p> <p> </p> <ol类=癲p-css list-paddingleft-2”> <李> <p> .fix {, *变焦:1;,},,</p> </李> <李> <p> .fix: after {,,,,,,表,,,,,,},,</p> </李> </ol> <p>下面又有问题了,貌似我们接触的清晰的基本上都是这两个值,似乎左、右值的出现就是鸡肋,没什么用。真的是这样吗? <br/> <强>二、明确:左/右的实际用途</强> </p> <p>明确:左/右最实际也是最常见的用途就是实现垂直环绕布局。</p> <p>出个简单的题目,下图所示的布局实现,你的HTML结构会是? <br/> <img src=明确:左/右怎么在CSS中使用