随笔分类 -  CSS

摘要:问题:如何使百分比高度子DIV在父元素中居中?思路如下:引入一个中间DIV,使DIV成为目标DIV的父元素(即嵌套加深一层),且相对于目标DIV原本父元素top:50%; ,然后再对目标DIV相对中间DIVwidth:100%;height:100%;top:-50%; ,即可完成垂直居中HTML代... 阅读全文
posted @ 2015-05-16 10:50 溪木 阅读(1384) 评论(0) 推荐(0)
摘要:本方法也兼容固定宽度的HTML代码如下: CSS样式如下:#box{ position: relative;}#container{ position: absolute; width:30%; height:100px; background: #ccc; left: 0; right: 0; m... 阅读全文
posted @ 2015-05-15 15:34 溪木 阅读(1353) 评论(0) 推荐(0)
摘要:width:300px;height:100px;resize:none;overflow:auto; 阅读全文
posted @ 2015-04-07 16:31 溪木 阅读(848) 评论(0) 推荐(0)
摘要:理解伪元素 :Before 和 :After 层叠样式表(CSS)的主要目的是给HTML元素添加样式,然而,在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,这就是“伪元素”。 你一定听说过这个词,尤其是当你一直关注着我们的教程。... 阅读全文
posted @ 2015-04-01 13:13 溪木 阅读(255) 评论(0) 推荐(0)