开发过程中的一些总结

1.元素宽度高度能不写就不写，注意默认宽度，块级元素宽度默认父元素宽度（绝对定位和固定定位中默认为元素的宽度 边框+内边距+内容），默认高度都是元素的高度,可以由子元素高度来撑起

2.文字标签在书写文档文件（html wxml）时，注意空格和回车会导致标签在浏览器里有空格和回车换行，例如css <text >刀具库管理员</text>，

跟 <text >

        刀具库管理员

  </text>

在text开启换行模式后，会导致二者的样式下，由于换行问题，text标签高度不一样

3.浮动元素不能撑开父元素高度，可能导致父元素高度问题

    解决办法1、给父元素也添加float。这样让父元素与子元素一起脱离文档流浮动起来，保证子元素在父元素内，这样父元素就能自适应子元素的高度，但是此方法有一弊端，一定会影响父元素之后的元素排列，甚至影响布局。

解决办法2、给父元素一个固定高度，此方法适用于子元素高度已知并且固定的情况。

解决办法3、添加一个块级元素，并给此元素设置clear:both;清除浮动。在很早之前用的就是这种解决办法，新建一个空的div，为这个div设置clear：both；这样无疑是增加了无意义的标签，一个大型页面中，这种标签太多是不好的。

解决办法4、给父元素添加 overflow：hidden；overflow:hidden的作用：

           *隐藏溢出，当内容超过其父元素时，可以使用该属性和值将溢出的部分裁剪掉，使页面更加美观

           *清除浮动，当子元素浮动时，给父元素添加overflow：hidden，按照它的第一个特性，应该将子元素超出的部分截掉，但是因为子元素有浮动，无法裁剪，所有只能由父元素增加高度去包裹住子元素，使得父元素拥有了高度，而这个高度是跟随子元素自适应的高度，这样就把浮动的子元素包含在父元素内了。

解决办法5、通过伪类::after清除浮动 利用伪类来清楚浮动，其效果跟创建一个空的div并设置其为clear：both；是一样的，只不过这里用伪类代替了空的div元素

4.伪元素记得要设置content，否则不会显示出来