![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 79
不败的德鲁叔叔
这个作者很懒,什么都没留下…
展开
-
height:100%不起作用的解决办法
题外话 刚接触网页制作的时候,我遇到的第一个问题就是,height100%不起作用。带着疑惑和不解,在网上搜索一番,只解决了问题,至于为什么,是什么原理,还没有得到比较权威的解释。正题<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2018-03-26 23:17:09 · 2153 阅读 · 0 评论 -
清除浮动问题的分析
题外话 首先,我们要思考一个问题:为什么要清除浮动呢?在我做小demo的时候,碰到一个问题,当子元素浮动的时候,父元素的背景颜色消失了?可以说,以当时我的菜鸟水平,是不知道为什么父元素的背景颜色为什么会不见,我明明设置了背景颜色的,难道颜色格式不对?或者是浏览器不兼容,是个css hack????????所有的猜测都指向了背景颜色,都是背景颜色的错。正题为什么要清除浮...原创 2018-03-27 12:44:04 · 205 阅读 · 0 评论 -
flexbox布局
在网页开发中,网页布局(layout)是css的一个重要应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案—-Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,...原创 2018-03-28 15:55:00 · 163 阅读 · 0 评论 -
css水平垂直居中方法
HTML代码<head> <meta charset="UTF-8"> <link rel="stylesheet" href="index.css"></head><body> <div class="container">原创 2018-05-18 11:05:59 · 187 阅读 · 0 评论 -
CSS中的浮动和清除浮动
浮动到底是什么?浮动核心就一句话:浮动元素会脱离文档流并向左/向右浮动,直到碰到父元素或者另一个浮动元素。请默念3次!浮动最初设计的目的并没那么多事儿,就只是用来实现文字环绕效果而已,如下所示: 但是早期的前端开发者发现:浮动的元素可以设置宽高并且可以内联排列,是介于inline和block之间的一个神奇的存在,在inline-block出来之前,浮动大行其道。直到inline-bl...转载 2018-05-19 00:18:39 · 237 阅读 · 0 评论