9.(初级)CSS内外边距注意点
2017-02-06 16:24
204 查看
一、外边距冲突
当遇到上元素设置下外边距,下元素设置上外边距时,浏览器不会把两个外边距相加,而是取大值。例如:
div.first{
margin-bottom:10px;
}
div.second{
margin-top:15px;
}
运行结果:上下外边距取15px,而不是25px
解决方案:
方案一:设置一个合并后的margin。
方案二:将其中一个margin设置成padding。
二、外边距设为负值,去掉空白
三、行内元素<img>
一般行内元素,无法设置width/height/margin,但<img>除外相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- Web布局连载——两栏固定布局(五)
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- [div+css]晒晒最新制作专题推广页模板
- 用户自定义多选框checkbox
- 后台管理页面布局(左侧导航长度根据右侧内容无限延伸)
- 盒子模型
- CSS选择器
- CSS样式优先权
- [css] line-height 百分比单位和数值单位的区别
- SUI踩坑记录