Adding a border will move the content down_html/css_WEB-ITnose

WBOY

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

Original

2076 people have browsed it

When there was no border, the content inside just filled the div.
But after adding the border, the content inside was offset by half of the foot height!
I tested it and it was (margin- top:15px;
border-bottom:1px;) There is a problem here, please tell me how to modify it!
#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;
}

Reply to discussion (Solution)

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

Copy after login

Replace the p element with div

Related labels：

增加了边框，内容就下移

source：php.cn

Previous article：Questions about DOCTYPE in html web pages_html/css_WEB-ITnose Next article：May I ask what technology is used for this slideshow_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn