10年大咖带你学习Css基础入门04（浮动,定位,实例）

讲师风格：循序渐进，直入主题，10年IT行业编程经验，在国内大型软件工程师培训前端工程师，.NET工程师。

本节主题：学习在CSS中常用的浮动,定位,实例。

语法:

Float:none|left|right

注意:

只要设置了浮动,盒子就会脱离文档流,这个盒子下面的内容就会自动上移.解决方法:clear清除浮动.

overflow:

作用:设置对象的内容超过了自定的宽和高,该如何显示内容

语法: overflow:visible|auto|hidden|scroll

div{

Overflow:hidden;

}

显示与隐藏display:

作用:设置对象标签如何显示或是否显示

语法:display:block|none|inline|inline-block

a标签,默认是行类显示,宽高无效.

练习：