增加了边框，内容就下移_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 12:12:59

Original

2090 Leute haben es durchsucht

原本没边框的时，里面的内容刚好撑满div，
但是加了边框后，里面的内容就偏移了foot高度的一半!
我测试了下，是（margin-top:15px;
border-bottom:1px;）这里出问题，请问该如何修改！
#foot{
width:100%;
height:43px;
margin-top:15px;
border-bottom:1px;
border-bottom-style:solid;
border-top:1px;
border-top-style:solid;
background-color:#996699;
}
.zi{
text-align:center;
color:#646464;
}

回复讨论(解决方案)

<div id="foot">        <div class="zi">            Copyright @2006 Your Company | All rights reserved<br>            Design by <a href="ss.html">Gerhard Studios</a> | <a href="ss.html">W3C XHTML 1.1</a>            | <a href="ss.html">W3C CSS 2.0</a>        </div>    </div>

Nach dem Login kopieren

p元素换成div

Verwandte Etiketten：

增加了边框，内容就下移

Quelle：php.cn

Vorheriger Artikel：html网页中DOCTYPE疑问_html/css_WEB-ITnose Nächster Artikel：请问下这个幻灯片是用什么技术_html/css_WEB-ITnose

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors