![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
cyqzy
这个作者很懒,什么都没留下…
展开
-
行内元素、行内块元素、块级元素解析
1. 行内元素(1)设置宽高无效(行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制)(2)不可以自动换行(3)margin设置左右有效,上下无效(4)padding设置上下左右有效2. 行内块元素(1)设置宽高有效(2)margin上下左右设置均有效(3)padding上下左右设置均有效(4)不能自动换行3. 块级元素(1)可以自动换行(2)margin上下左右设置均有效(3)pa...原创 2018-04-19 14:08:29 · 319 阅读 · 0 评论 -
外边距合并的出现以及解决方式
1. 什么是外边距如两个div,第一个div的margin-bottom:30px,第二个div的margin-top:10px,页面表现结果是30px,而不是我们理想中的30px+10px=40px,结果选择的是两者之间最大的margin,这种机制就是“外边距合并”2. 外边距出现地方(1)相邻的元素(2)父子级之间3. 外边距合并需要注意以下几个方面(1)外边距合并只出现在块级元素(2)行内块...原创 2018-04-20 09:59:29 · 608 阅读 · 0 评论 -
span和input同一行布局的时候,高度偏移
<!-- span和input布局高度偏移: 以文字为基线 --> <div class="gdpy"> <span>用户名:</span> <input type="text" placeholder="请输入用户名"> </div>1. 效果图如下2. 出现的原因:以原创 2018-07-09 16:25:45 · 8345 阅读 · 1 评论