Heim >Web-Frontend >HTML-Tutorial >右浮动div换行现象的原因_html/css_WEB-ITnose
右浮动div换行现象的原因_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:28:151219Durchsuche
右浮动div换行现象的原因:
当然右浮动出现div换行的原因是多种多样的，下面就介绍一个初学者比较容易出现的一个错误。
代码实例:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{ width:200px; height:100px; background:blue;}#right{ float:right;}</style></head><body><div id="left"></div><div id="right"></div></body></html> 在上面的代码中，第二个浮动的div出现了换行的现象。
很多朋友以为右边的div是浮动的，可以位于第一个div的右边不会出现换行，其实这是错误的，因为第一个div要单独占据一行，所以尽管第二个div是浮动的，那么也会出现换行现象。只要把第一个div设置为左浮动，那么两个div就会在一行出现了。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15669
更多内容可以参阅: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 line-height 属性的一些技巧_html/css_WEB-ITnose