Inline-Block(内联块)内联块值混合块和内联特征。盒子的外面被认为是内联元素。因此,不会为该元素创建新行。框的内部被视为块元素,并应用宽度、高度和边距等属性。blockli、inlinea和background仅用于宽度和填充,不用于边框和边距。浮动1.浮动后,如果子元素的父元素没有设置宽度,默认设置为width:100%,即子元素的宽度与父元素相等。2、浮动后,如果子元素设置了宽度而父元素没有设置宽度,则子元素会展开父元素。float后面的宽度表示demoz-indexz-index需要配合position使用:absolute/relative/fixed/inherit。margin当两个magins相遇时,它们会重叠,较大的magins会形成间隙。边距重叠表示DEMO注意:如果子元素超过父元素,父元素会和父元素一起排列,其父元素的子元素不会被忽略。比较父元素与父元素transition是W3C文档的一个属性,用于gradientheight:0和overflowVSheightwhenclearingfloat:0和overflowwithoverflow:hidden的效果清除float时设置父元素即可使父元素从height:0到height(子元素高度),但是如果父元素不是浮动子元素,你这样设置height:0,会使子元素隐藏。tab标签纯CSS实现参考文章:纯CSS实现下拉菜单的几种方法方法一:hover+display:无大法思路:用ul和li做导航栏,然后添加伪类hover控制显示none和block之间切换。限制:将鼠标移离导航栏,它就会消失。方法二:radio+label+display:none大法思路:利用input的radio类型,关联label,然后设置input为display:none;点击标签控制切换前的显示和遮挡。局限性:?方法三:overflow大法思路:将下拉菜单的内容部分和导航栏放在一个盒子里,然后设置导航栏和盒子的高度一样,同时设置overflow:hidden;隐藏下拉菜单的内容部分。该方法需要注意Z-index。方法四:设置ul的高度为0+opacity大法思路:同方法三,将overflow换成opacity即可。以上方法不能添加转场效果。当鼠标滑过时,会立即弹出下拉菜单。用户体验不是很好。下面的方法可以添加过渡效果,实现一定时间内的弹出。方法五:Absolute大法思路:使用absolute将下拉菜单放在浏览器外看不到的地方[left:-999px;],显示时再取回[left:0;]方法6:将下拉菜单的字体和背景色改为透明
