总结:遇见的bug 如何写一个蒙层 最初我打算的是自己写一个蒙层，但是写出来后， 不能够将整个屏幕全部覆盖。只能够覆盖 除【顶部导航】 和【左侧菜单栏】 于是我就使用了element ui中的 【Loading 加载中】的【整页加载】来处理 推荐使用它来做蒙层 因为简单快 2== 显示 显示区域无法 ...
分类：
其他好文 时间：
2019-12-13 00:11:58
阅读次数：
113
盒模型的基本组成包括：外边距（margin）内边距(padding) 边框（border）元素(element,content) 当上下相邻的两个块元素相遇时，如果上面的元素有下外边距margin-bottom，下面的元素有上外边距margin-top，则他们之间的垂直间距不是margin-bott ...
分类：
其他好文 时间：
2019-12-09 01:29:27
阅读次数：
104
1.盒模型 margin:外边距 ；margin-top/margin-left ; margin-bottom/margin-right 外边距合并：当两个垂直外边距相遇时，它们将形成一个外边距； 可以使用padding或border分开两个外边距； padding:内边距 ；padding-to ...
分类：
其他好文 时间：
2019-12-07 22:59:44
阅读次数：
116
原文地址：Bougie的博客 1.先展示最终效果： 2.解决思路 Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。动画效果交给transition完成。可以将轮播图看成两个（mainSlide和ex ...
分类：
其他好文 时间：
2019-12-02 13:15:13
阅读次数：
102
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跟随鼠标</title> <script type="text/javascript"> function load(){ var xPoint=window.ev ...
分类：
编程语言 时间：
2019-11-23 10:04:48
阅读次数：
108
<div class="layui-layout layui-layout-admin" style="padding-left: 20px;"> <div class="layui-row" style="margin-top: 20px;"> //搜索开始 <form class="layui- ...
分类：
其他好文 时间：
2019-11-22 09:15:12
阅读次数：
110
写一个靠谱的flex布局 <!DOCTYPE html> <html> <style> .block { padding-top: 30%; margin-top: 3%; border-radius: 10%; background-color: orange; width: 30%; } .co ...
分类：
其他好文 时间：
2019-11-16 14:27:21
阅读次数：
125
1.尽量使用缩写 使用缩写语句，如下面所示的 margin 声明，可以从根本上减小 CSS 文件的大小。在 google 上搜索 CSS Shorthand 可以找到许多其他的速记形式。 p { margin top: 1px; margin right: 2px; margin bottom: 3 ...
分类：
Web程序 时间：
2019-11-06 13:35:58
阅读次数：
84
本人在学HTML+CSS，在设计一个静态网页时发现，当我给子div设置一个margin-top的属性，结果父级也跟着动，找了许多原因无果，一开始想到的是会不会</div>没裹上，但是不是，我一直用的代码补全，一对的完整的打，而且还检查过。 然后又想到可能用了浮动，但是也没有，就只能去网上找，找了后看 ...
分类：
其他好文 时间：
2019-11-02 11:44:18
阅读次数：
74
对元素的margin设置百分数时，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。当然，padding的原理也是一样的。 如果没有为元素声明width，此时元素框的总宽度包括外边距取决于父元素的widt ...
分类：
其他好文 时间：
2019-10-31 18:24:28
阅读次数：
123
