<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * {margin: 0; padding: 0;} #ul1 { width: ...
分类：
其他好文 时间：
2016-04-20 00:23:39
阅读次数：
161
最近测试给了我一大堆BUG，一瞅发现全是IE11的。吐槽一下这个浏览器真的比较特立独行。很多默认的样式跟别的浏览器不同，而且最明显的一点应该是padding左右内边距往往比别的浏览器大了一倍。但是当需要修改的时候又头疼了。如果改变原有的padding值，那么在IE11生效了。别的浏览器又有问题了。于 ...
分类：
其他好文 时间：
2016-04-19 13:45:10
阅读次数：
142
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #inde_nav{ width: 225px; height: ...
分类：
编程语言 时间：
2016-04-19 00:11:22
阅读次数：
167
总结： 1.利用样式height:100%设置div高度为全屏时候必须设置所有的父元素，但是父元素那么多，不可控，所以此法不可行； 2.设置父框架的padding为100px，div进行float，padding有效；但div进行position，并配合left：0，padding失效； 3.弹性盒 ...
分类：
Web程序 时间：
2016-04-18 22:31:21
阅读次数：
201
一、CSS3盒子模型<BoxModel> 由内到外内容<content>、填充<padding>、边框<border>、外边距<margin>组成盒子模型 盒子模型分类<W3C盒子模型、IE盒子模型(内容计算是包含border、padding计算)> ...
分类：
Web程序 时间：
2016-04-18 18:45:53
阅读次数：
218
1、简介 calc()看其外表像个函数。平时在制作页面的时候，总会碰到有的元素是100%的宽度（例如body元素）。如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和padding，这些都会让你的盒子撑破。我们换句话来 ...
分类：
Web程序 时间：
2016-04-18 16:58:48
阅读次数：
217
本文导读：padding margin都是边距的含义，关键问题得明白是什么相对什么的边距．padding是控件的内容相对控件的边缘的边距．margin是控件边缘相对父空间的边距． 在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自 ...
分类：
Web程序 时间：
2016-04-18 00:44:52
阅读次数：
138
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>九宫格</title> <style type="text/css"> body,ul{margin: 0;padding: 0} li{list-style: n ...
分类：
其他好文 时间：
2016-04-17 22:20:21
阅读次数：
188
有时候加一个border 最后一个盒子被挤下去 padding border是外扩的 如果加上box-sizing：border-box 属性 就把padding border 计算在内了，但是不计算margin。 box-sizing是ie9开始兼容的css3属性，智能手机基本都支持这个属性。 这 ...
分类：
其他好文 时间：
2016-04-17 22:00:23
阅读次数：
131
这周学习了盒子模型，margin,值可以为负，两个块元素之间垂直方向的margin会重叠；padding是元素与border间的区域，不可为负，不可重叠。 浮动：主要解决两个竖着的变成两个横向的。浮动不会穿过padding区域，特点：对原元素的包裹性；对父级的塌陷性。也可以清除浮动：clear:bo ...
分类：
其他好文 时间：
2016-04-17 20:32:25
阅读次数：
113
