div和里面的内容间有条小空隙

div和里面的内容间有条小空隙,导致不能填满。火狐里没有,但谷歌和edge存在。

img

img

img

img

你这应该是 input 输入框得边框可能没有去掉,或者是有内外边距导致 这样排查一下,应该就不会有问题了


select,input {
    height: 40px;
    float: left;
    border: none;
    padding: 0;
    margin: 0;
  }

把元素的高度增加一下试试

body,div,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,a,input,button,textarea,select{
  margin: 0;
  padding: 0;
  outline: none;
}
html,body{
  font-family:Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
  color: #333333;
  background-color: #ffffff;
  min-width: 1226px;
  font-size: 12px;
}
a{
  text-decoration: none;
}
ul,li{
  list-style: none;
}
input{
  font: normal;
}
input:focus,a:focus{
  outline: none;
}

新建一个文件reset.css,每次写代码把这个引用一下,重置掉样式。包括元素之间间距、li标签的修饰、a标签的下划线等等。望采纳

你把内边距和外边距去掉看看
margin:0;
padding:0;

你把整个页面的paddind跟margin设置为0,然后清除一下浮动