浮动:
float:left/right/none;
主要功能:让块元素排一在一排!!!!
特性:
1.根据浮动方向,可以改变块元素的排列顺序
2.加了浮动,行内元素就变成块元素
3.加了浮动不写固定宽高的时候,默认内容宽高
4.加了浮动就半脱离文档流(但是还是会把标签里面的内容给挤出来)
注意:
5.只要给子级加了浮动一定要给父级清除浮动!(一个没有设高的父级里面子级加了浮动以后,父级就没有高了!)
清除浮动方法:给父级加一个overflow:hidden;--溢出隐藏!
6.浮动元素必须包在一个单独的div!(一个父级里面有一个是浮动元素,其他的也必须都是浮动元素)
7.父级元素里面的所有子级浮动元素超出父级宽度,会从第二排开始排列!
写页面步骤
从大到小
从外到内
从上到下
从左到右
<link rel="stylesheet" href="css/base.css"/>
给html页面引入一个css文件
网友评论