Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS calc()数学方法计算高度_Css_Css Calc - Fatal编程技术网

使用CSS calc()数学方法计算高度

使用CSS calc()数学方法计算高度,css,css-calc,Css,Css Calc,我在应用程序中遇到一个CSS布局问题,并使用 基本上,它非常简单,如下所示: html,正文{ 身高:100%; } .标题{ 背景:黄色; 高度:50px; } 梅因先生{ 背景:绿色; 高度:计算(100%-50px); } 创建一个横跨窗口的div,div两侧和窗口边缘之间的间隙为50px: 浏览器默认设置了一些边距(关于8px),请将其重置为0 html,正文{ 身高:100%; } 身体{ 保证金:0; } .标题{ 背景:黄色; 高度:50px; } 梅因先生{ 背景:绿色; 高

我在应用程序中遇到一个CSS布局问题,并使用

基本上,它非常简单,如下所示:

html,正文{
身高:100%;
}
.标题{
背景:黄色;
高度:50px;
}
梅因先生{
背景:绿色;
高度:计算(100%-50px);
}
创建一个横跨窗口的div,div两侧和窗口边缘之间的间隙为50px:

浏览器默认设置了一些
边距(关于
8px
),请将其重置为
0

html,正文{
身高:100%;
}
身体{
保证金:0;
}
.标题{
背景:黄色;
高度:50px;
}
梅因先生{
背景:绿色;
高度:计算(100%-50px);
}
创建一个横跨窗口的div,div两侧和窗口边缘之间的间隙为50px:

浏览器默认设置了一些
边距(关于
8px
),请将其重置为
0

html,正文{
身高:100%;
}
身体{
保证金:0;
}
.标题{
背景:黄色;
高度:50px;
}
梅因先生{
背景:绿色;
高度:计算(100%-50px);
}
创建一个横跨窗口的div,div两侧和窗口边缘之间的间隙为50px:

正如@Pangloss上面所说,浏览器会自动在页面上添加边距,从而导致该问题。防止这种和其他不同浏览器怪癖的一个很好的方法是在CSS构建过程中使用,或者链接到

中的CDN,正如@Pangloss上面所说,浏览器会自动为导致该问题的页面添加边距。防止这种和其他不同浏览器怪癖的一个好方法是在CSS构建过程中使用,或者链接到
中的CDN