Html 删除div容器之间的空间和间隙

如何删除div容器之间的空格（位于底部部分div上的红色边框）？下面是我的代码片段，我使用的是MaterializeCS

登录方式############################*/ 身体{ 字体：标准15px“Roboto”，无衬线； 字体大小：15px； 填充：0px； 边际：0px； 背景：#ebebeb； } a{文本装饰：无；} h1，h2，h3，h4，h5{字体系列：'mpsemibold'，无衬线；} a、 .交易{ -webkit过渡：所有200毫秒的易入易出； -moz转换：所有200ms的输入输出都很容易； -ms转换：所有200ms的输入输出都很容易； -o型过渡：所有200ms的缓进缓出； 过渡：所有200ms的缓进缓出； } .扩展{最大宽度：100%；最大高度：100%；} .clear{clear:两者；float:无；} .center{左边距：自动；右边距：自动；} .thehide{display:none；} .align_left{float:left；} .align_right{float:right；} .display_table{display:table；} .inline{display:inline块；} .bgwhite{背景：#fff；} /*关于现场现场的现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场现场######*/ /*标题*/ #上头{ 背景：#7d7d； 填充：15px； } .logo_包装、.menu_包装{ 宽度：80%； } .标志{ 显示：表格； 边缘底部：10px； } /*航行*/ #顶置导航{ -webkit盒阴影：无； -莫兹盒阴影：无； 盒影：无； } #李托普纳夫{ 浮动：左； } #托普纳夫李娜{ 显示：块； 填充：5px 8px； 颜色：#E5； 文本转换：大写； } #topnav li a span{ 浮动：左； 显示：块； } #topnav li a span：第一个孩子{ 右边距：3倍； } #topnav li a span：最后一个孩子{ 垫顶：2件； } #topnav li a.活动菜单，#topnav li a:活动，#topnav li a:悬停{ 颜色：#fff； } #移动导航{ 顶部：80px； 左：20px； 位置：固定； z指数：99999； } /*下拉列表*/ #topnav.下拉菜单{ z指数：999； 位置：绝对位置； 背景：#263238； 填充：10px； 边缘顶部：15px； 边框顶部：2个实心#fff； } #topnav.下拉菜单{ 明确：两者皆有； 浮动：无； } #topnav.下拉菜单a{ 明确：两者皆有； 浮动：无； 显示：块； 填充：5px 8px； 字体大小：13px； } .侧导航李a{ 文本转换：大写； } /*下拉列表*/ #topnav.下拉菜单{ } #topnav.下拉菜单{ 明确：两者皆有； 浮动：无； } #topnav.下拉菜单a{ 明确：两者皆有； 浮动：无； } /*正确的选择*/ .right_option_wrapper ul{padding:0px；margin:0px；} .right_option_ul li{ 浮动：左； 利润率：0px 5px； } .右选项：第一个孩子{ 右边距：15px； } .right_option_ul li a{ 颜色：#fff； 字体大小：25px； } #艾迪a{ 字体：普通15px“Roboto”，无衬线； 颜色：#fff； 填充顶部：7px； 显示：块； } #一档{ 浮动：左； } #十八岁：第一个孩子{ 右边距：3倍； } .右\u选项\u包装器img{ -webkit边界半径：5000px； -moz边界半径：5000px； 边界半径：5000px； } /*盒子*/ #盒子{ 填充：7px； } .盒子{ 背景#76b729； 保证金：5px； 宽度：23%； 颜色：#fff； 填充：10px 15px； 高度：90px； } .box\u内容物\u容器{ 填充顶部：7px； } .box.icon{ 字号：4em； 颜色：#fff； 显示：块； 右边距：10px； } .box h1，h2{文本转换：大写；文本对齐：左；颜色：#fff；清除：两者；} .框h1{ 填充：0px； 保证金：0px 0px 3px 0px； 字体：400 30px“Roboto”，无衬线； } .盒h1跨度{ 浮动：左； 字体：400 30px“Roboto”，无衬线； 显示：块； } .框h1：最后一个孩子{ 颜色：rgba（255255,25,0.5）； 字体：300 15px“Roboto”，无衬线； 垫面：3件； } .方框h2{ 边际：0px； 填充：0px； 字体：400 10px“Roboto”，无衬线； } /*公告和工作流程*/ #第二个集装箱{ 宽度：49.5%； 填充：7px； } #第二个容器。col：第一个孩子{ 右边距：5px！重要； } .title_标题{ 字体：500 18px“Roboto”，无衬线； 填充物：3px 5px； 颜色：#263238； 溢出：自动； 边际：0px； 边框底部：1px实心#76b729； 显示：表格； 位置：相对位置； 颜色：#76b729； } .title_标题跨度{ 浮动：左； 显示：块； 填充：0px； } .title_标题范围：第一个子项{ 右边距：7px； } .内容{ 边框顶部：1px实心#ccc； 页边顶部：-1px； 填充：0px； } .内容{ 边框底部：1px实心#ccc； 填充物：5px； 填充：0px； 边际：0px； } .content\u content h1{ 字体：500 15px“Roboto”，无衬线； 颜色：#6C6C； 填充：0px 0px 3px 0px； 文本对齐：左对齐； 边框：1px纯红； 溢出：自动； } .content\u content h1 span{ 浮动：左； 显示：块； 文本对齐：左对齐； } .content\u内容h1跨度：第一个孩子{ 右边距：3倍； } .content\u content p{ 字体：300 13px“Roboto”，无衬线； 颜色：#6C6C； 填充物：5px； 文本对齐：左对齐； }

测试
















<div>
...
</div><div>
...
</div>