html中设置了百分百的宽,为什么右边还有空白呢?

发布网友发布时间：2023-07-16 10:49

共5个回答

热心网友时间：2024-11-15 20:59

body没设置宽度吧

使用100%是要继承父级的如果父级没有不会生效的

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
body{
width: 100%;
}
.div{
width: 100%;
height: 500px;
border: 1px solid green;
}
</style>
</head>
<body>
<div class="div">
</div>
</body>
</html>

热心网友时间：2024-11-15 21:00

原因：元素有默认的边距。
把内边距和外边距都设置为0试试。
html,body,div{ margin:0 padding: 0;}

热心网友时间：2024-11-15 21:00

电脑有宽度和可用宽度

热心网友时间：2024-11-15 21:01

100%的宽只是相对于父级元素设定的

热心网友时间：2024-11-15 21:01

放不下的东西会自动往下放置，可以上传代码来分析。