什么时候用浮动——块级元素一行显示就使用浮动 浮动的特点——让元素脱标不占位置 什么时候清除浮动——父元素没有设置高度;父元素中所有的子元素都设置浮动 清除浮动的方法(掌握): 1.额外标签清除浮动 步骤:(1)在浮动元素后直接添加一个空div标签;(2)选中该div标签设置属性clear: bot ...
分类:
Web程序 时间:
2019-07-19 12:09:40
阅读次数:
191
一、css宽高自适应: 1.宽度自适应: 元素宽度设为100%(块状元素的默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小,最大宽度: a)最小高度 min-height:value; IE6不识别min-height属性 ...
分类:
Web程序 时间:
2019-05-11 21:38:08
阅读次数:
335
一、问题描述: 当使用Flex布局时,子元素设置百分比高度后,如下图没有效果: 二、解决方法: 父元素必须设置高度,效果如下图: 三、完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="v ...
分类:
其他好文 时间:
2019-05-09 13:51:20
阅读次数:
440
前言 相信在平时写CSS的时候大家都或多或少遇见过设置了height为百分比的时候发现不起作用。今天我们就来一探究竟 原因:父元素未设置具体高度,子元素设置height:100%是无效的。 现象以及方案 [1] 设置高度为100%时,无法实现全屏 这样写,你会发现一点效果都没有。 【解决方案】 增加 ...
分类:
Web程序 时间:
2019-04-23 12:52:47
阅读次数:
252
1问题 1.1问题描述 侧边栏目录遮拦后面的文字链接,使其实效。 侧边栏在目录多的时候,不显示二级导航(应该和css设置高度有关系) 1.2问题截图如下 2解决 (问题放这里,先不解决) ...
分类:
其他好文 时间:
2019-04-06 13:55:16
阅读次数:
176
程序效果如下 实现进度条动画主要有两种方法:(1)使用缓动,(2)使用Jquery Animate,本文使用第二种方法,先实现代码,后续进行控件封装 需要注意的是,div loading需要设置高度100%,因为div 默认的高度是auto,如果没有内容的话高度为0.第一种方法单纯显示动画,第二种方 ...
分类:
其他好文 时间:
2019-03-20 00:50:11
阅读次数:
183
若元素没有设置宽高,那元素实际宽高是被内容撑起来, 若元素自己有设置宽高,那实际面积于自己的盒子模型有关 1、清除浮动的本质 清除浮动主要是为了解决父级元素因为子级浮动而引起的内部高度为0的问题。 (当父元素没有设置高度时,子元素又全浮动了,此时子元素脱离文档流而不占据位置,那就会出现父元素高度为0 ...
分类:
Web程序 时间:
2019-03-10 17:41:17
阅读次数:
188
今天做一个小demo,需要给body设置高度为100%,然鹅发现只设置body的height不可行,需,html,body{height:100%;}为何呢?一个容器的height是从上一级继承而来的,html{height:100%}中设置的html的高度是相对于浏览器来说,而body中的高度又从 ...
分类:
其他好文 时间:
2019-02-28 11:49:12
阅读次数:
162
1.轮播图是竖向的 引入样式文件 import "mint-ui/lib/style.css" 即可解决 2.轮播图不显示 需要在swipe所在组件的style中设定swipe容器的宽高 (如使用 Basic usage,在class=“mint-swipe” 中设置高度属性即可解决) ...
分类:
其他好文 时间:
2019-02-19 15:19:22
阅读次数:
384
宽和高 width属性可以为元素设置宽度。 height属性可以为元素设置高度。 块级标签才能设置宽度,内联标签的宽度由内容来决定。 字体属性 文字字体 按照从第一个开始识别,直到能够识别到为止,识别到后后面的不再继续 字体大小 字重(粗细) font-weight用来设置字体的字重(粗细)。 10 ...
分类:
Web程序 时间:
2019-02-01 22:33:03
阅读次数:
220