浮动就是用于创建浮动框,将其移到一边,直到父级盒子左边缘或者右边缘触及包含块或者另一个浮动框
浮动的特点:
元素浮动后不占有原来位置,脱标,可以设置多个块级元素在一行显示顶端对齐,不会有缝隙,超出父亲盒子就会自动换行
浮动的元素会紧贴同方向的一个浮动元素,浮动的元素只能影响下面的元素,不能影响上面的标准流的盒子元素浮动后特殊的效果
一行可以显示多个(都浮动)
块级元素浮动后,不会默认父级宽度了,默认宽高为0,内容可以撑开
行内元素浮动后,可以设置宽高了
浮动的元素可以让元素内部text-align:center,目前自身不能居中其他不影响未box-sizing时input加边框是在外面,按钮是在内部
关于页面布局要功能模块化
扩展块级元素不是独占浏览器一行,而是占父元素
浮动和行内块的区别:对齐,无缝隙
文字和浮动的元素,行内块元素行内元素都会有文字环绕效果,这也是浮动最初的本意,父亲的内边距会影响浮动的效果,浮动比行内块元素对齐方式好而且浮动是顶端对齐