css
关注
分享
扫一扫
蓝精灵依米
对待工作细心严谨，力求完美。技术方面，积极向上，努力学习，以求更高更强。为人低调，形象气质佳，道德品质良好，倾慕前端技术，苦于没有志同道合的伙伴，一直一个人坚持在前端的道路上。前端后台都需要自己搭建，所以做一个项目耗时长。因为一个人的思维不够用，总是觉得作品不够完美。尽管如此，三年来，拿得出手的作品依旧数不胜数。
展开
-
创建长宽比固定的元素
1div style="width: 100%; position: relative; padding-bottom: 20%;">2 div style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;background-color:yellow;">原创 2015-03-19 10:16:14 · 703 阅读 · 0 评论 -
CSS中也可以做简单运算
原创 2015-03-19 10:20:09 · 1253 阅读 · 0 评论 -
div垂直居中 水平居中
.center-vertical{position:relative;top:50%;//父类高度的50%-webkit-transform:translateY(-50%)//自己高度的50%}.center-horizontal{position:relative;left:50%;-webkit-transform:translateX(-50%);}原创 2015-03-19 09:59:47 · 603 阅读 · 0 评论 -
overflow总结
overflow总结目录overflow总结目录overflow autooverflowhidden内部浮动无影响overflowhidden避免子元素margin穿透1.overflow :auto 1.当overflow-y：hidden、scroll、auto时，overflow-x会自动变为auto 此时，如果子容器width:100%,会显示x轴的滚动条原创 2015-05-12 11:51:19 · 776 阅读 · 0 评论 -
ccs框模型与可视化格式模型
框模型marginpadding无效的情况margin折叠可视化格式模型包含块常规流块格式化上下文BFCblock formatting context框模型margin，padding无效的情况margin对于table相关类型 ( 除了table-caption,table,inline-table这3类 ) 的元素是不起作用的，如td,tr,th等。另外对于行内非替换元素 ( 如s原创 2015-10-01 21:24:31 · 1064 阅读 · 0 评论