自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 css深入理解之folat浮动 4-1 清除浮动

清除浮动带来的影响 float:left 方法1: 脚底插入clear:both; 父元素高度塌陷 方法2: 父元素BFC(IE8+)或haslayout 1.clear 只是提供了通道,会发生跨境重叠的效果                2.BFC/haslayout   形成封闭的结构,不会发生跨境重叠 clear通常应用形式 1.H

2016-09-09 21:53:19 282

原创 css深入理解之folat浮动 3-1 被误解的浮动

浮动具有破坏性,会让父元素塌陷! 如何解决浮动让父元素高度塌陷的bug? -浮动塌陷不是bug,而是标准!!! 浮动的原本左右紧紧是为了实现文字环绕效果! css合模型 float:left inline boxes 结论 浮动的破坏性只是单纯的为了实现文字效果而已! ——因此,父容器高度塌陷根本就不是big,特性使然! 如何降低

2016-09-09 21:51:58 253

原创 css深入理解之folat浮动 2-1包裹与破坏

folat 特性:包裹 1.收缩 2.坚挺 3.隔绝 “BFC”(Block formatting context)  “块级格式化上下文” 特性2:破坏 float:left 容器被破坏 无宽度、无图片、无浮动

2016-09-09 21:50:34 231

原创 css深入理解之folat浮动1-1

实现文件环绕效果

2016-09-09 21:48:04 257

原创 标签元素的内置padding

这里有一些你可能不知道的小秘密

2016-09-09 11:31:43 1136

原创 div+css

float: float属性是div+css布局中最基本也是最常用的属性。 标签默认一行只能显示一个,而使用float属性可以实现一行显示多个div的功能。 Margin: Margin属性用于设置两个元素之间的距离。 Padding: Padding属性用于设置一个元素的边框与其内容的距离。 Padding有什么用?-高度可控的分割线 直接使用字符

2016-09-09 10:44:59 143

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除