发表于: 2021-03-01 23:57:23
1 1010
今天完成的事情:
回头看了下任务一,复习了盒子模型
从内到外分别为:1.content 元素主体内容部分;2.padding 内边距,范围在内容和边框之间;3.border 边框;4.margin 外边距,边框之外的部分
content中有overflow属性,
默认visible,内容显示原来大小。会超出给定的宽高
hidden,裁剪掉超出宽高的部分
scroll,x和y方向出现滚动条。
auto,宽高超出部分方法出现滚动条
overflow-x和overflow-y 设置相同的属性等同于overflow
属性不同如果有一个设置visible而另一个为非visible,则visible会自动修改为auto
float浮动会把元素脱离文档流。
常规页面的元素都是按照文档流来进行排列。其中包含block块元素和inline内联元素(行元素)
float可以将对应的元素脱离出来,形成浮动在表面的视觉效果。
多个元素设置float,元素会贴合在上一个浮动元素边上,如果宽度不够则会排列在下一行。前一个浮动元素的高度也会影响后边元素的靠边
文字会自动的环绕float元素,可以使用clear来取消文字环绕的效果
块级元素可以设置宽高,行元素不可以设置宽高。通过float可以使换成行元素并设置宽高
改变元素位置的通常使用 1.浮动2.相对定位3.绝对定位 这3种方式
明天计划的事情:
研究一下chrome开发者工具
深入了解下float
了解下viewport
遇到的问题:
收获:
overflow属性设置
float在使用中的效果
评论