利用clearfix清除浮动

一般情况下我们会用clear:both来清除浮动。

我们通过举例来说明:

上边的代码,想要清除浮动,我们需要在div盒子里添加一个div带有clear:both的样式,如下:
[crayon-5ba7c14ebb9be15[......]

阅读全文

Views: 141 Tags: ,
飞鱼

Css利用box-sizing:border-box限定内边距和边框在固定宽度和高度内执行

box-sizing是css3的新属性,今天我们来讲一下它的一个值:border-box

我们举例来说明

有一个div盒子,它的宽度是200px,边框宽度是5px,内边距是10px.那么这个盒子的实际宽度应该是:200 + 5*2 + 10*2 = 230px;

现在我们给这个盒子[......]

阅读全文

飞鱼

导航固定,下拉高度和颜色发生变化

导航固定,当下拉滚动条一定高度时,导航条的高度或者颜色发生改变。

使用方法:

在导航的外围添加一个div或header

Css

Js

[crayon-5b[......]

阅读全文

Views: 180
飞鱼