Heim >Web-Frontend >HTML-Tutorial >margin外边距负值的作用_html/css_WEB-ITnose
margin外边距负值的作用_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:30:321487Durchsuche
margin外边距负值的作用:
在很多CSS代码中，都可以看到margin外边距有使用负值的情况，下面就介绍一下他的作用。
代码实例如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">*{ margin:0px; padding:0px;}#box{ width:300px; height:300px; background-color:red; margin:0px auto;}#top{ width:50px; height:50px; background:blue;}#bottom{ width:50px; height:50px; background:green; margin-top:10px; margin-left:-20px;}</style></head><body><div id="box"> <div id="top"></div> <div id="bottom"></div></div></body></html>
以上代码展现了外边距负值的作用，也就是和正值的作用相反。
关于负值的实例应用可以参阅CSS如何实现数字分页效果一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12699
更多内容可以参阅:http://www.softwhy.com/divcss/
Stellungnahme：
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
Vorheriger Artikel：CSS之各种居中_html/css_WEB-ITnoseNächster Artikel：经验分享：CSS浮动(float,clear)通俗讲解_html/css_WEB-ITnose