发表于: 2018-11-11 20:14:42

1 733


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

了解了什么是浮动:

我们可以通过display属性将块级元素和行内元素进行相互转换。display即“显示模式”。

标准流里面的限制非常多,导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高,那该怎么办呢?办法是:移民!脱离标准流!

css中一共有三种手段,使一个元素脱离标准文档流:

 

1)浮动

2)绝对定位

3)固定定位

浮动元素的属性

1.浮动的元素脱标

2.浮动元素的互相贴靠

性质3:浮动的元素有“字围”效果

我们让div浮动,p不浮动。

div挡住了p,但不会挡住p中的文字,形成“字围”效果。(字围住图片)

永远不是一个东西单独浮动,浮动都是一起浮动,要浮动,大家都浮动。

4.收缩

浮动的清除:

方法一:

清除浮动的第一种方式:设置高度

一个元素要浮动,那么它的祖先元素一定要有高度;

有高度的盒子,才能关住浮动

方法二:

clearboth

clear就是清除,both指的是左浮动、右浮动都要清除。意思就是:清除别人对我的影响。

它所在的标签,margin属性失效了。

方法三:

隔墙法:,就是单独设一个div,使用clearboth,没有了margin,就设置height

内墙法:

 

 

 

一个父亲是不能被浮动的儿子撑出高度的。

 

内墙法:(可以自使用)

 

 

内墙法的优点就是,不仅仅能够让后部分的p不去追前部分的p了,并且能把第一个div撑出高度。这样,这个div的背景、边框就能够根据p的高度来撑开了。

 

清除浮动方法4overflow:hidden;

overflow即“溢出”, hidden即“隐藏”。这个属性的意思是“溢出隐藏”。顾名思义:所有溢出边框的内容,都要隐藏掉。如下:

就可以隔开。

明天计划的事情:(一定要写非常细致的内容) 

同上

遇到的问题:(遇到什么困难,怎么解决的) 
同上

收获:(通过今天的学习,学到了什么知识)

同上


返回列表 返回列表
评论

    分享到