1:magin-top 父元素上移 原理:这个问题发生的原因是根据盒模型规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 解决方法: 1、修改父元素的高度,增加padding-top样式模拟(p ...
分类:
Web程序 时间:
2017-10-12 14:36:00
阅读次数:
167
假设你有一个固定位置的标题栏,你的iOS10的CSS可能是这样写的: 为了自动调整iPhone X和其他iOS11设备,你可以在meta标签的viewport中添加viewport-fit="cover": 然后通过CSS的constant()修改padding-top的值: 对于不知道如何解决co ...
分类:
移动开发 时间:
2017-10-12 13:58:46
阅读次数:
285
作为一名小前端,块级元素、行内元素用了几千几万次,除了“块级独占一行,行内不独占”之外,对细节属性的了解十分匮乏,今天做以部分属性的测试和阐述。 一、 对物理属性的支持 备注:行内元素的上下padding(padding-top,padding-bottom)无效,可参考下例。 这是带有上下padd ...
分类:
其他好文 时间:
2017-10-11 15:20:31
阅读次数:
160
CSS: .backtoTop2{ height: 40px; width: 50px; position: fixed; padding-top: 8px; right: 100px; z-index: 9999; background: red; cursor: pointer; text-al... ...
分类:
Web程序 时间:
2017-10-02 11:19:45
阅读次数:
208
本章内容 盒子模型示意图 . 一、内边距 A、指盒子内容到盒子边框的距离 B、设置四边的距离 padding-top:长度值 | 百分比 padding-left:长度值 | 百分比 padding-right:长度值 | 百分比 padding-bottom:长度值 | 百分比 C、简写 padd ...
分类:
Web程序 时间:
2017-09-30 19:40:51
阅读次数:
260
小技巧,图片的父元素利用了padding-top来撑高度,值就是父元素宽度的100%;然后img利用定位 一、结构 二、Css ...
分类:
Web程序 时间:
2017-09-25 14:34:55
阅读次数:
234
1、js中注意问题 font-size 改成fontSize padding-top 改成paddingTop js中不认识-,所以要以小驼峰方式操作属性或者以[” ”]方式,例[”font-size ”] 2、js动态添加Class class 改成className 3、oInp.type = ...
分类:
Web程序 时间:
2017-09-22 21:07:28
阅读次数:
167
1 . CSS 属性是否区分大小写? 答:不区分。 HTML,CSS都对大小写不敏感,但为了更好的可读性和团队协作一般都小写,而在XHTML 中元素名称和属性是必须小写的。 2 . 行内(inline)元素 设置margin-top和margin-bottom 是否起作用?padding-top和p ...
分类:
Web程序 时间:
2017-09-18 12:26:25
阅读次数:
201
今天只是做了一点代码 <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0px; padding: 0px; } .top-title{ width: 100%; height: 114px; background-c ...
分类:
其他好文 时间:
2017-09-17 00:28:57
阅读次数:
266
* { margin: 0px; padding: 0px; } .top { width: 100%; height: 50px; background-color: antiquewhite; } .top_content { width: 75%; height: 50px; margin: ... ...
分类:
Web程序 时间:
2017-09-13 01:31:49
阅读次数:
252