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

时间:2015-04-19 22:16:12

标签: html css css3

我打算这样你就可以在facebook这样的网站上解决问题了,但这就是我在文本内容和页脚栏中出现问题的原因,它只是在这两者之间给出了一些空气。 / p>

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;  
}

你可以在这里看到它的问题 enter image description here

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;  
}

1 个答案:

答案 0 :(得分:0)

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

*{
    margin: 0:
    padding: 0:
}

设置完成后,您无需设置

margin: 0; 

再没有。

此外,在statusOpslog类中,您设置了两次保证金:

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

你应该只设置一次。 如果你不想在你的问题中得到保证金,你就不应该为该元素设置保证金。