发表于： 2018-08-09 23:56:41
2 604
今天完成的事情：
·浮动流：
-是一种半脱离标准流的排版方式，他只能设置某个元素左对齐或者右对齐，没有剧中属性
-没有margin： 0 auto； 属性
-在浮动流中不区分块级元素、行内元素、行内块级元素，都可以水平排版
-在浮动流中块级元素、行内元素、行内块级元素都可以设置宽高
-综上所述，浮动流中的元素和标准流中的行内块级元素有点相似
·浮动元素的脱标：
-脱标：脱离标准流，当某一个元素浮动后，元素从标准流中拿走，就是脱标
-如果前面一个元素浮动了，后面一个元素没有浮动，那浮动的元素就会盖住后面没有浮动的元素
·浮动元素的排序规则：
-相同方向上的浮动元素，先浮动的元素会显示在前面，后浮动的元素会显示在后面
-不同方向上的浮动元素，左浮动找左浮动，右浮动找右浮动
-浮动元素浮动之后的元素，浮动元素的位置是由浮动元素之前在标准流之中的位置决定的
·浮动元素贴靠现象：浏览器宽度不足以显示全部浮动元素的时候，后面的浮动元素会往前一个元素贴靠
·浮动元素的字围现象：用于图文混排什么的
浮动以及清除浮动都是重要内容，多看多练
明天计划的事情：
重新做魔镜任务
遇到的问题：
收获：
重新梳理了浮动相关知识
返回列表
评论