div之间的间隙问题怎么去除

发布于
2022-03-09

今天突然发现写了3个div，显示中会有白线，请问这个怎么处理

<div>
      <div style="width:300px;height:30px;background:#ed9357" />
      <div style="width:300px;height:30px;background:#ed9357" />
      <div style="width:300px;height:30px;background:#ed9357" />
</div>

三个div之间会有间距，但是没有设置任何样式
全局的css也已经设置了，用的chrome浏览器

div{
  padding:0;
  margin:0;
}

css html

阅读 3.5k

2 个回答

得票最新

code_shuai

8181930

发布于
2022-03-09

✓ 已被采纳

按照你的回复测试并没有出现横线

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>
    <div style="width:300px;height:30px;background:#ed9357" />
    <div style="width:300px;height:30px;background:#ed9357" />
    <div style="width:300px;height:30px;background:#ed9357" />
</div>
</body>
</html>