明确:左/右怎么在CSS中使用?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
<强>一、理解清楚:左/明确:对强>
当想到明确:离开的时候,自然会认为是“清除左浮动”,明确:权利是清除右浮动。
其实现在想想,这样的理解与表示是不严谨的欠考虑的。
一般,现在中文圈流传的表述是:
,,,明确语法:
,,,都清楚:没有左右| | |
,,,取值:
,,,没有:默认值。允许两边都可以有浮动对象
,,,左:不允许左边有浮动对象
,,,右:不允许右边有浮动对象
,,,两种:不允许有浮动对象
w3.org官方的解释是:“元素盒子的边不能和前面的浮动元素相邻”。
我个人觉得官方解释更好一点。
无论是我“清除左/右浮动”,还是业界流传的“不允许左/右边有浮动对象”,其意思都是,设置的清晰的元素让浮动元素如何如何。也就是我让别人如何如何~ ~大家可以仔细体会,细细感受下,白马王子,白马王子
而官方的说法则是“设置了清晰的元素不能怎样怎样”。也就是我自己如何如何~ ~大家可以再次感受下,白马王子,白马王子
为何官方解释更好呢?难道是“己所不欲勿施于人”的缘故?哈,这个解释赞的,方便记忆。更通俗的原因是:
务必记住这句话:“浮动是魔鬼,会影响其他相邻元素;但是明显是小白,其只会影响自身,不会对其他相邻元素造成影响!”
但是,官方的解释似乎拗口,缺少点灵性。于是,我根据自己的感性认知,做了如下理解:
,,,明确语法:
,,,都清楚:没有左右| | |
,,,取值:
,,,没有:默认值。
,,,左:左侧抗浮动
,,,右:右侧抗浮动
,,,两种:两侧抗浮动
“抗”这个拟人化的动词的发起者是设置了明确属性的元素,既形象又释义准确。
实例出真知
您可以狠狠地点击这里:明确:左/右的作用效果演示
明确:左/右怎么在CSS中使用