Heim >Web-Frontend >HTML-Tutorial >怎么调整两个层在同一水平线上啊_html/css_WEB-ITnose
怎么调整两个层在同一水平线上啊_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:20:291918Durchsuche
CSS 层
怎么设置两个层在同一水平线上
是调整float属性么
跪求啊
回复讨论(解决方案)
说清楚些
如果是absolute定位的层,渲染到同一个容器内且让其top相同就平了
margin-top，用这个？
如果是两个div的话，仅仅只是出于同一水平线的话，就设置float属性为left就可以了，要注意宽度，如果两个div的宽度加在一起超过上层它们容器的宽度的话，第二个div就会掉到下层了；
如果是两个div重叠在一起，那么可以设置position为absolute，然后再设置z-index属性来决定哪个div位于上层，哪个位于底层。
上边 同一水平线？
底边 同一水平线？
float:left right
如果是两个div的话，仅仅只是出于同一水平线的话，就设置float属性为left就可以了，要注意宽度，如果两个div的宽度加在一起超过上层它们容器的宽度的话，第二个div就会掉到下层了；
如果是两个div重叠在一起，那么可以设置position为absolute，然后再设置z-index属性来决定哪个div位于上层，哪个位于底层。
同一水平线的2种做法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head></head><body><div style="width:100px; float:left; display:inline; height:200px; background-color:#ccc;">左边</div><div style="width:100px; float:left; display:inline; height:200px; background-color:#999933;">右边</div></body></html>
<div id="leftcolumn" style="float:left;width:100px;height:100px"></div><div id="rightcolumn" style="margin-left:110px;height:100px"></div>
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：关于li占位问题_html/css_WEB-ITnoseNächster Artikel：怎么在找到网页的源文件里面找到MP3的下载地址。_html/css_WEB-ITnose