如何获得两个div标签之间没有空格？

Question

我希望页脚与

相同

当iam在第一行和第二行使用两个div标签时，我得到一个空格，并在下面显示

<div style="width:100%; clear:both;color:#4682b4;">
    <p style="float: left; width: 34%; text-align: left;">AAAA</p>
    <p style="float: left; width: 33%; text-align: center;">&nbsp;</p>
    <p style="float: left; width: 33%; text-align: right;">CCCC</p>
</div>
<div style="width:100%; clear:both;color:#4682b4;">
    <p style="float: left; width: 34%; text-align: left;">DDDD</p>
    <p style="float: left; width: 33%; text-align: center;">EEEE</p>
    <p style="float: left; width: 33%; text-align: right;">FFFF</p>
</div>

Answer 1

您使用带有自动边距的阻止标签'p'时，请删除该标签，并查看空间会减少

<div style="width:100%; clear:both;color:#4682b4;">
    <p style="float: left; width: 34%; text-align: left;margin:0px">AAAA</p>
    <p style="float: left; width: 33%; text-align: center;margin:0px">&nbsp;</p>
    <p style="float: left; width: 33%; text-align: right;margin:0px">CCCC</p>
</div>
<div style="width:100%; clear:both;color:#4682b4;">
    <p style="float: left; width: 34%; text-align: left;margin:0px">DDDD</p>
    <p style="float: left; width: 33%; text-align: center;margin:0px">EEEE</p>
    <p style="float: left; width: 33%; text-align: right;margin:0px">FFFF</p>
</div>

Answer 2

  

浏览器会在每个“ p”元素之前和之后自动添加一些空格（边距）。可以使用CSS（带有margin属性）修改页边距。   因此，您必须使用CSS删除'p'标签的边距

p {
        margin: 0 0 0 0;
  }

<div style="width:100%; clear:both;color:#4682b4;">
    <p style="float: left; width: 34%; text-align: left;">AAAA</p>
    <p style="float: left; width: 33%; text-align: center;">&nbsp;</p>
    <p style="float: left; width: 33%; text-align: right;">CCCC</p>
</div>
<div style="width:100%; clear:both;color:#4682b4;">
    <p style="float: left; width: 34%; text-align: left;">DDDD</p>
    <p style="float: left; width: 33%; text-align: center;">EEEE</p>
    <p style="float: left; width: 33%; text-align: right;">FFFF</p>
</div>

Answer 3

尝试一下

<div style="width:100%; color:#4682b4;">
    <p style="float: left;margin: 0 0 0 0; width: 34%; text-align: left;">AAAA</p>
    <p style="float: left; width: 33%;margin: 0 0 0 0; text-align: center;">&nbsp;</p>
    <p style="float: left; width: 33%;margin: 0 0 0 0; text-align: right;">CCCC</p>
</div>
<div style="width:100%; color:#4682b4;">
    <p style="float: left; width: 34%; margin: 0 0 0 0;text-align: left;">DDDD</p>
    <p style="float: left; width: 33%;margin: 0 0 0 0; text-align: center;">EEEE</p>
    <p style="float: left; width: 33%;margin: 0 0 0 0; text-align: right;">FFFF</p>
</div>