html - 在文本内容和我的页脚栏之间提供

Question

我打算这样做，以便您可以在 facebook 等网站上进行调整，但这就是我遇到文本内容和页脚栏问题的原因，它只是在这两者之间提供了一些空间。

HTML 在这里:

<div class="statusOpslag">
                <asp:TextBox ID="TextBoxStatusTekst" CssClass="statusTekst" runat="server" TextMode="MultiLine"></asp:TextBox>
                <div class="Statusfooter">
                    <asp:Button ID="ButtonSend" OnClick="ButtonSend_Click" runat="server" Text="Slå op" CssClass="statusKlikButtonOUT" />
                </div>
            </div>

这里是 CSS

.statusOpslag {
   background: #ffffff;
   margin-bottom: 30px;
   margin-top: 0;
   margin: 10px;
   padding: 0;
   width: 95%;
}

.statusTekst {
   width: 100%;
   overflow: hidden;
   word-wrap: break-word;
   height: 120px;
   max-height: 120px;
   margin:0;
}

.Statusfooter {
   background: #F4F4F4;
   padding: 15px;
   margin:0px;
}

.statusKlikButtonOUT {
   background-color: #5cb85c;
   border: 0;
   color: green;  
}

你可以在这里看到它的问题

EIDT CSS

我已经按照您在回答中描述的那样做了，但没有任何帮助。 - 抱歉

   .statusOpslag {
   background: #ffffff;
   padding: 0;
   margin: 0; 
}

.statusTekst {
   width: 100%;
   overflow: hidden;
   word-wrap: break-word;
   height: 120px;
   max-height: 120px;
   margin:0;
}

.Statusfooter {
   background: #F4F4F4;
   padding: 15px;
   margin:0px;
}

.statusKlikButtonOUT {
   background-color: #5cb85c;
   border: 0;
   color: green;  
}

Answer 1

摆脱您设置的所有边距。然后，在 css 中添加:

*{
    margin: 0:
    padding: 0:
}

一旦设置就不需要再设置

margin: 0; 

又没了。

此外，在您的 statusOpslog 类中，您设置了两次边距:

margin: 10px;
margin-bottom: 30px;

你应该只设置一次。如果您不想要问题中的边距，则根本不应该为该元素设置边距。