![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
盒模型
文章平均质量分 91
fairyL
一个热爱设计的前端开发女程序媛。
展开
-
盒模型
盒模型1 盒子中的区域<1>盒子的主要属性:width 宽度,css中width指的是内容的宽度,而不是盒子的宽度。 height高度 ,css中Height指的是内容的高度,而不是盒子的高度。 padding 内边距 border 边框 margin 外边距<2>下面两个盒子,真实占有宽高,完全相同,都是302*302:.box1{ width:100px; height:原创 2017-09-10 17:39:36 · 334 阅读 · 0 评论 -
盒模型 第二部分
1.浮动的清除 1.1 清除浮动方法1:给浮动的元素的祖先元素加高度。 <1>如果一个元素要浮动,那它的祖先元素一定要有高度。 <2>有高度的盒子,才能关住浮动。 <3>这种方法在工作中用的很少。 1.2 清除浮动方法2 : clear:both <1>网页制作中,高度很少出现。这是因为能被内容撑高。 <2>clear:both clear 清除 both指的是左浮动、右浮动都原创 2017-09-11 20:56:33 · 366 阅读 · 0 评论