Html div高度：27英寸显示器上的100%不工作
我用这种技术使我的div的高度达到100%：Html div高度：27英寸显示器上的100%不工作,html,css,markup,screen-resolution,Html,Css,Markup,Screen Resolution,我用这种技术使我的div的高度达到100%： body, html { height: 100%; } #myDiv { height: 100%; } 在普通设备上，一切都很完美，但在分辨率为27英寸的大屏幕上，它无法正常工作，我该如何解决这个问题？ 谢谢 您的div需要绝对定位 *{ 边际：0px； } html，body，.parent{ 身高：100%； } .家长{ 背景：红色；/*表示视觉效果*/ 位置：相对；/*需要*/ } .孩子{ 背景：蓝色；/*表示视觉效果*/ 位
body, html {
height: 100%;
}
#myDiv {
height: 100%;
}
谢谢 您的div需要绝对定位 *{ 边际：0px； } html，body，.parent{ 身高：100%； } .家长{ 背景：红色；/*表示视觉效果*/ 位置：相对；/*需要*/ } .孩子{ 背景：蓝色；/*表示视觉效果*/ 位置：绝对；/*需要*/ 顶部：50%；/*需要*/ 转换：translateY-50%；/*需要*/ } 你好
将body标签的默认边距设置为0px，可能会起作用。 例如 我已经添加了下面的代码，它对我来说很好
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type='text/css'>
body, html {
height: 100%;
margin:0px;
}
#myDiv {
height: 100%;
background:red;
}
</style>
</head>
<body>
<div id='myDiv'></div>
</body>
</html>
不管显示器的大小，100%都是100%。也许你想用它来代替？我们应该假设myDiv是身体的孩子吗？什么东西不能正常工作？用inspect元素检查发生了什么：是的，它是车身的一部分。你能分享一下实际的样式和标记吗？你能用一个简单的例子再现这个问题吗？否则我们只能猜测。不，这根本不是必需的，而且在任何情况下对一般情况都更有害……我不建议这样做，因为这显然会导致设计上的其他问题，例如必须使用97%的高度而不是100%，或者使用隐藏溢出来避免出现不应该出现的滚动，在大多数情况下，如果必须显示滚动条，则背景将变得不对齐，更不用说当浏览器调整大小时。但是他问为什么他的html、.body{}作弊不起作用，我迅速回答，回答正确。就个人而言，我建议使用javascript来测量他想要对齐的dom和div的高度，但他没有要求。要删除滚动条，你需要重置默认的正文边距，使高度为100%：提示而不正确是有害的，而不是有益的。