此时是有效果显示的因为html文档流默认是从上往下，从左往右进行显示的，所以此时是有效果的。那如果此时把#son的块元素的margin-right:20px; 是没有效果的此时是没有效果的，如图所示：如果此时想要margin-right有效果的话，必须让#son这个块元素是在右边显示的，所以可一个#son这个元素往右浮动，float:right;那么此时就会有效果的。效果如图所示：
分类：
其他好文 时间：
2018-04-12 16:16:11
阅读次数：
115
如图所示：效果如图所示：如果是此时改成 text-align:right; 那么就能看到效果了
分类：
其他好文 时间：
2018-04-12 15:22:38
阅读次数：
280
1.如果ul下有很多li，需要在一行显示，并且设置margin。但是通常要取消第一个li的margin-left。使用：first-child有的浏览器不兼容。 适用场景：单行左对齐，有间距 2.多行文字垂直居中 4.:after伪类+content 让大小不固定图片垂直居中 让图片垂直居中一直没有 ...
分类：
Web程序 时间：
2018-04-11 16:09:19
阅读次数：
169
今天总结一下在做自动化测试中测试用例设计的一些建议，总结为三原则： 1. 保持Case之间的独立性 case独立性就是能够独立运行，当我们有随机的跑其中某个Case或乱序的跑这些Cases时，测试的结果都应该是准确的。 比如在执行过程中用例的运行环境取决于其他测试用例的执行状态，那么，其中的测试用例 ...
分类：
其他好文 时间：
2018-04-11 15:57:04
阅读次数：
208
盒子模型，盒子模型算是页面比较经典的一个概念了，所有的页面元素和div都能称之为一个盒子，每个盒子都具备：内容（content），填充（padding 也称之为内边距），边框（border），边界（margin 也称之为外边距）；下面有一张盒子模型的图片； 说白了这个盒子模型让你知道你需要效果式需要 ...
分类：
其他好文 时间：
2018-04-06 18:39:17
阅读次数：
172
块元素(block element)一般是其他元素的容器元素 块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。 如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改 ...
分类：
Web程序 时间：
2018-04-05 01:15:01
阅读次数：
229
定位法：position:absolute 如果子级div有定义宽和高的话就可以用这个方法。注意：margin-top,和margin-left的值均为高和宽值的一半 margin:auto法 这个也可以是定位法。用这个方法要求子级div必须设置宽的值，不然没有效果哦~margin:auto是水平垂 ...
分类：
其他好文 时间：
2018-04-04 20:54:27
阅读次数：
189
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。 居中布局 水平居中 1）使用inline-block+text-align （1）原理、用法 原理：先将子框由块级元素改变为行内块元素， ...
分类：
Web程序 时间：
2018-04-04 18:08:50
阅读次数：
200
原文by无悔铭 居中布局 水平居中 1）使用display:inline-block+text-align:center（display问题）（1）原理、用法 原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。 用法：对子框设置display:inline-block ...
分类：
Web程序 时间：
2018-04-02 18:08:52
阅读次数：
261
1 HTML 区块元素: 大多数 HTML 元素被定义为块级元素或内联元素。 1.1 块级元素实例: <div> <h1>, <p>, <ul>, <table> 块级元素的特点: 独占一行,可设置宽高 1.2 行级元素实例 :<span> <a> 行级元素特点:一行可排布多个,不可设置宽高. 1. ...
分类：
Web程序 时间：
2018-04-02 11:10:36
阅读次数：
282
