在CSS中实现height:100%-200px； width:100%-200px,既长度或宽度百分百减去200px

实例：

.main{height:calc(100% - 200px)width:calc(100% - 200px)
}

注：
1.减号左右必须打空格，否则不生效
2.任何长度值都可以使用calc()函数进行计算
3.calc()函数支持 “+”, “-”, "", “/” 运算
4.calc()函数使用标准的数学运算优先级规则*

在CSS中实现height:100%-200px； width:100%-200px,既长度或宽度百分百减去200px相关推荐

css如何让a标签，根据输入的内容长度调整宽度，宽度自适应，那位大仙帮帮忙...
css如何让<a>标签,根据输入的内容长度调整宽度,宽度自适应,那位大仙帮帮忙 5 样式 .ceshi{float:left; margin-left:13px; width:180px; ...
max-width: 100%和width:100%的区别
比如我们要设置一个图片 img { max-width: 100%;},img { width: 100%;}, max-width:就是要保证图片最大显示为其自身的100%(即最大只可以显示为自身那 ...
css设置height无效,CSS中设置height:100%无效的解决方案
li 前面的缩进怎么去除? 异常处理汇总-前端系列 http://www.cnblogs.com/dunitian/p/4523015.html 设置margin和padding为0或者为比较小的值就 ...
min-width、max-width属性中min-content、max-content的含义，css中minmax()用法、1fr单位的含义----使页面具有相应性的属性以及属性值
min-width.max-width属性中min-content.max-content的含义,css中minmax()用法.1fr单位的含义 min-width 表示容器的最小宽度 max-wid ...
CSS中浮动和定位对元素宽度/外边距/其他元素所占空间的影响
一.width:auto和width:100%的区别 1.width:100%的作用是占满它的参考元素的宽度.(一般情况下参考元素 == 父级元素,这里写成参考元素而不是父级元素,在下面我会再细说) ...
CSS中常见的几种高度自适应布局
1.左右结构--高度自适应窗口高度 <!doctype html> <html> <head> <meta charset="utf-8" ...
CSS中设置( 单行、多行 )超出显示省略号
1. 设置超出显示省略号 css设置超出显示省略号可分两种情况: 单行文本溢出显示省略号- 多行文本溢出显示省略号- 但使用的核心代码是一样的:需要先使用 "overflow:hidden; ...
细说css中的background属性以及一些问题
1.background的属性 1.1background-color 属性设置元素的背景颜色. 这种颜色会填充元素的内容.内边距和边框区域,扩展到元素边框的外边界(但不包括外边距).如果边框有透明部 ...
css中div居中显示的四种方法
css中设置div元素居中显示的四种方法一.先确定div的基本样式二.具体实现方法第一种:利用子绝父相和margin: auto实现第二种:利用子绝父相和过渡动画tranform实现第三种: ...

在CSS中实现height:100%-200px； width:100%-200px,既长度或宽度百分百减去200px

在CSS中实现height:100%-200px； width:100%-200px,既长度或宽度百分百减去200px相关推荐

最新文章

热门文章