![](https://img-blog.csdnimg.cn/20200430144119633.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
文章平均质量分 56
css
phoebe_huang
相信一切都是最好的安排
展开
-
《CSS揭秘》--笔记
1、减少代码的依赖,行高line-height与字体大小font-size存在关系,避免修改字体大小后又要手动修改行高,应该像下面这样写button { padding: 6px 16px; border: 1px solid #446d88; background: #58a linear-gradient(#77a0bb, #58a); border-radius: 4px; box-shadow: 0 1px 5px gray; color: white; text-原创 2021-03-15 16:04:45 · 384 阅读 · 0 评论 -
解决:子div设置margin-top使得父div也跟着向下移动
之前在写网页的时候,发现一个小问题,就是子div设置margin-top的时候,父的div也会跟着向下移动。我用代码和图描述一下问题: *{margin:0;padding:0;} .div1{background:green;height:100px;} .div2{background:darkblue;height:100px;} .subDiv{background:red;原创 2017-03-25 10:20:41 · 10532 阅读 · 2 评论 -
判断一个元素节点无内容时,清除其占位
最近在修改一个被人已经修改过ecshop商城前端,在布局上遇到一个比较好玩的事情。我把问题描述一下。 在商品页面那里有个商品属性介绍栏,大概的布局是这样的。 根据上面的要求,这些属性是由后台自由添加的。但是这出现一个小问题,就是当删除中间的属性的时候,例如删除“商品品牌”,商品品牌的位置会依然占着,设想一下,假如这里的属性删除,那里的属性也原创 2017-05-17 19:35:11 · 794 阅读 · 0 评论 -
浮动出现空白的问题
今天在做一个作品展示网站的时候,出现一个小问题。在使用浮动的时候出现了点小问题,第一行向左浮动正常,第二行就出现问题了,空出了一个位,第二行空出了 两个位。一开始以为是margin或则padding的问题,但是清除了margin和padding后,问题依然存在。 htmld代码: 点击查看大图原创 2017-05-28 19:45:28 · 2517 阅读 · 1 评论 -
使footer固定在浏览器底部
只要做网页,就百分之九十九会做footer的布局。一般我们最想要的布局是,footer一直固定在网页的底部。如果网页内容不多,就把footer固定在可视区的底部。 总体布局一般是这样的: I am header I am content I am footer如果content的内容不多,不足以不footer撑到底部,就会出现这样的情况。原创 2017-09-05 22:43:49 · 2096 阅读 · 0 评论