布局和样式
老虎帅呆了
我愿像鱼痴情海洋一样,像鸟迷恋天空一般对待自己的人生。
展开
-
CSS左侧固定宽 右侧自适应(兼容所有浏览器)
左侧固定宽,右侧自适应屏幕宽;左右两列,等高布局;左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高)要求不用JS或CSS行为实现;仔细分析试题要求,要达到效果其实也并不是太难,只是给人感觉像有点蛋疼的问题一样。但是你仔细看后你会觉得不是那么回事: 左边固定,右边自适应布局,这个第一点应该来说是非常的容易,实现的方法也是相当的多,那么就可转载 2016-08-31 23:23:25 · 7457 阅读 · 0 评论 -
z-index和transform,你真的了解吗?
z-index和transform是CSS中的属性,但很少同学将二者联系到一起,感觉他们八杆子打不上。事实真的是这样吗?如果你也不能确认,这篇文章就值得你花点时间阅读。因为阅读完了,你会有所收获的。堆叠上下文(Stacking Context)在开始今天的主题之前,先得回忆一下CSS中的Stacking Context(堆叠上下文)。因为只有了解清楚了这个概念,才能更好的了解下面的转载 2016-09-13 10:40:56 · 3631 阅读 · 0 评论 -
关于图片边距和尺寸问题的几个实用方法
先说一下问题:页面中有一个div,里面放一个图片,我们给图片一个宽高,div不给尺寸,这时,div的尺寸要比图片尺寸大出几个像素。下面给出几种解决办法:1 :给外层同样也设置一个固定的尺寸,尺寸和img的一样,可以解决该问题;2:给图片或者div添加vertical-align:top;3:给div设置font-size:0;对于第三种方法还有一个常见的原创 2016-08-11 00:25:37 · 1688 阅读 · 0 评论 -
table-cell布局
一、垂直水平居中二、两端对齐和平分三、左右两侧等高对齐四、内容区域高度小于屏幕高度时,footer固定在屏幕底部,高于屏幕高度时,footer跟着往下走原创 2017-01-12 18:02:19 · 1349 阅读 · 0 评论