|
|
float属于页面布局的一种方式。但是现在显然已经逐渐落后，现在使用的多是flex布局等。但是浮动不可否认，它h5不会被淘汰。可以使用浮动做什么效果呢？
[滑稽]首先，我们创建浮动的方式很简单。新建一个html,和css。引入css语句如下：
在这里type属性不必要添加。肯定有人刷存在感说：呵呵，语句都不完整，type呢？
其实type可以自己补全的，你不写没关系。为了简化HTML结构，不得不采取一些操作。甚至使用伪元素选择器。
在css创建float。float属性：
float: left或者right。一般都是这两个属性。之间的间距使用margin微调即可。
float并不是用于布局。而是制作文字环绕效果。如图所示。懒得写代码，从网上截屏了一个。
那么float现在也可以用于布局。一整排盒子并排摆放的效果可以使用float进行实现。然后使用overflow或者clean清掉浮动。下次我们再侃侃而谈[滑稽][滑稽]
那么最典型的浮动就是百度百科的词条页面。就像图片写的那样。浮动是可以制作文字环绕效果。
而浮动最典型的应用就是一些新闻页面了。我后期也会出教程。
end-------
召唤一个大佬出来
 |
|
发表于 2022-5-8 17:17:05
