如果说宽高自适应那么大家可能会想到 但是如果我要自适应的同时还要变成矩形呢？（高度和宽度相等而高度不能写死） 那就要实现如下的黑科技了 根据w3c 标准，当padding值为 100% 时 其相等于元素自身的宽度，所以把padding-top 或者 padding-bottom 为 100% 的时候 ...
分类：
Web程序 时间：
2017-08-17 14:39:59
阅读次数：
135
响应式图片 给img的宽度 设置为100% 使用background-image 配合padding-top 使用 `<picture>` 标签。 * 使用 pricturefill.js 插件 <link rel="stylesheet" href="./grid.css"> stylesheet ...
分类：
其他好文 时间：
2017-08-13 16:54:18
阅读次数：
126
<style> body{font-family: "微软雅黑"; } .message1{ width: 100%; padding-top:23px; background-color: #FFFFFF; } .message1 .zuo{ width: 35%; height: 103px; ...
分类：
其他好文 时间：
2017-08-10 11:48:37
阅读次数：
224
REM REM这个单位，会根据html的font-size大小进行转换。 html{font-size:100px;} p{padding-top:.5rem;} html{font-size:100px;} p{padding-top:.5rem;} html{font-size:100px;} ...
分类：
移动开发 时间：
2017-07-24 13:22:27
阅读次数：
325
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0px; padding: 0px ; } .top-nav{ width: 100%; height: 40px; back ...
分类：
Web程序 时间：
2017-07-22 09:52:54
阅读次数：
210
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0px; padding: 0px; } .top-nav{ width: 100%; height: 10px; backg ...
分类：
其他好文 时间：
2017-07-19 11:52:09
阅读次数：
115
html: css: .father { width: 100%; } .daughter { width: 20%; height: 0; padding-top: 20%; background: black; } 主要知识：上下边距的百分比数值是以父元素宽度作为参照的。 ...
分类：
Web程序 时间：
2017-07-12 23:10:53
阅读次数：
178
.pageform .buttons {padding-top:15px; padding-bottom:10px;} .pageform .buttons input {border:0px; cursor:pointer;} .pageform .isempty {padding-top:2px... ...
分类：
Web程序 时间：
2017-07-12 15:09:48
阅读次数：
170
> 如题。持续总结自己在使用BootStrap中遇到的问题。并记录解决方法。希望能帮到须要的小伙伴 1、bootstrap上下布局。顶部固定下部填充 应用场景：经典上下布局中，顶部导航条固定，下部填充不显示滚动栏 解决方式：导航条固定在顶部。同一时候为body设置内边距（padding-top），内 ...
分类：
其他好文 时间：
2017-07-08 21:09:56
阅读次数：
289
一。什么是盒模型 padding(内边距，一个盒子里的边距离内容的距离，上下左右) margin(外边距，两个盒子之间的距离) border（盒子的边框） 内填充，外边距，边框都有四个方向：如padding-top,padding-right，padding-bottom和padding-left， ...
分类：
其他好文 时间：
2017-07-02 19:05:38
阅读次数：
148
