
前端干货
柚子胖鸡_
github:https://github.com/JaimeCheng
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
移动端巧用margin/padding的百分比实现自适应
写于2017-07-03,搬家至此;今天遇到了一个曾经认为的世纪大难题----图片完美的自适应;重要!敲黑板,划重点!!当margin/padding取值形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!-----来自W3C标准所以,很有必要深入研读下W3C规范;举个栗子要求:在每个原图长宽比例不同的情况下,实现如图的效果...原创 2019-02-21 11:58:07 · 541 阅读 · 0 评论 -
解决外边距塌陷(margin collapse)的对策汇总
写于2017-07-11,搬家至此;有这么一段代码<style type="text/css"> *{ margin: 0; } .out{ width: 200px; height: 200px; background: paleturquoise; } .in{ width: 100px; height: ...原创 2019-02-21 11:59:31 · 1004 阅读 · 0 评论 -
CSS浮动塌陷和一点关于浮动的事儿
写于2017-07-16,搬家至此;把浮动塌陷拿出来做文章是因为之前没深究过它的原理,导致在布局中常因为浮动塌陷撑不开div而苦恼;借此写个总结加深记忆,也顺便说说浮动和定位的那点事…何谓“浮动塌陷”先看一段代码<style type="text/css"> #aa{ margin: 100px 100px; ...原创 2019-02-21 12:00:57 · 382 阅读 · 0 评论 -
BFC块级格式化上下文
写于2017-08-29,搬家至此;学习BFC之前,务必要理解透彻什么是文档流,以及浮动和定位导致的脱离文档流;文档流不难理解,今天的重点是bfc,不可乱了主次;什么是BFCBFC:Block Formatting Context,块级格式化上下文,一个独立的块级渲染区域,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关;即里面想怎么样就怎么样不会影响此区域以外的任何元素...原创 2019-02-21 12:02:19 · 256 阅读 · 0 评论 -
position:fixed 的元素居中显示
标题本身是个很简单是事,因为一般body宽度都是100%;很久没写html,今天写一个小页面的时候突然遇到了,记录一下;body宽度我设置的是640px,所以有个fixed的元素没居中;position:fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。让其居中的css: div { position: fixed; margin: auto; ...原创 2019-02-21 12:03:04 · 2824 阅读 · 0 评论