php学习——css复习五(浮动)

当我们在自学的时候往往会出很多问题导致会走很多弯路。我的一个老师吧,不说啥,他没有专业的知识经历(他的是其他专业),但为了看我们就是来硬教我们web。出发点是好为了学生,只是知识没怎么学到,简单的web我们看书就行了,主要的还是要看老师的经验总结才是重点。人生又再次给了我提醒,当我向别人教东西的时候,一定要有自己的经验总结,这样教别人东西才算有意义。

浮动(float):

在网页布局的时候,往往就水平和垂直布局。因为当是正常的文档流时,所以垂直布局的时候我们用边距,高,宽控制就行;但在水平的时候,往往就控制不住元素的位置,所以就需要浮动float。

浮动的属性值主要是left,right。

所以平常使用的时候,我们通常是left,当三个的时候也就最后一个是right。主要是按我们读文档方向来排,这样就好排版。所以一般情况下,我的div都会把布局细化。

(情况一)

当元素1设置为浮动left时,是不占空间的,且元素会覆盖普通元素,所以在水平位置元素若其中一个设置了浮动则其它水平元素都要设置。

(情况二)

当元素1为left,元素2为left或right时,则出现这种情况。
(情况二)
当元素1为right,元素2为right时则按照反向横向排版。

浮动元素的注意:

只有当我们的元素是块元素的时候,才能设置宽高,而且设置了浮动属性的元素一定的块元素。


扫描二维码关注公众号,回复: 874807 查看本文章

猜你喜欢

转载自blog.csdn.net/qq_33505655/article/details/75503487