day3 CSS布局

1、标准流

1.什么是标准流

标签在没有添加布局相关的样式的时候，在浏览器中默认的布局方式
块级标签在标准流中是一个占一行(不管宽度大小)，默认宽度是父标签的宽度宽，默认高度是内容高度；设置宽高是有效的
行内标签在标准流中一行可以显示多个；默认大小是内容的大小；设置宽高无效
行内块标签在标准流中一行可以显示多个；默认大小是内容大小；设置宽高有效(img，input)

2.实际布局的选择

a.左右结构使用行内块

display属性 - 可以让任何标签变成块级、行内、行内块；隐藏标签

b.脱流/脱标(脱离标准流)

float(浮动)
定位(left,right,top,bottom position)

    
        
        
    
    
        

            我是div,块级的
        
    

2、display属性

3、float属性

    
        
        
        
    
    
        

            
            div1
        
        

            
            div2
        
        

        
        

        
ad
    

4、文字环绕

    
        
        
    
    
        

        
        
        

                按时发货即可爱上房间卡健身房 沙发里看后感 的设计费健身房的阿道夫哈索拉卡跌开幕式看得见
                安徽覅激发非salfjoqw爱上附件发送阿基扫ID就哦啊设计费
                按时覅竞赛按键佛啊扫进房间爱上飞机啊飞按时发货即可爱上房间卡健身房 沙发里看后感 的设计费健身房的阿道夫哈索拉卡跌开幕式看得见
                安徽覅激发非salfjoqw爱上附件发送阿基扫ID就哦啊设计费
                按时覅竞赛按键佛啊扫进房间爱上飞机啊飞按时发货即可爱上房间卡健身房 沙发里看后感 的设计费健身房的阿道夫哈索拉卡跌开幕式看得见
                安徽覅激发非salfjoqw爱上附件发送阿基扫ID就哦啊设计费
                按时覅竞赛按键佛啊扫进房间爱上飞机啊飞按时发货即可爱上房间卡健身房 沙发里看后感 的设计费健身房的阿道夫哈索拉卡跌开幕式看得见
                安徽覅激发非salfjoqw爱上附件发送阿基扫ID就哦啊设计费
                按时覅竞赛按键佛啊扫进房间爱上飞机啊飞按时发货即可爱上房间卡健身房 沙发里看后感 的设计费健身房的阿道夫哈索拉卡跌开幕式看得见
                安徽覅激发非salfjoqw爱上附件发送阿基扫ID就哦啊设计费
                按时覅竞赛按键佛啊扫进房间爱上飞机啊飞
            
            
    

5、清除浮动

6、定位

7、盒子模型