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