MISS_time
2018-02-12 18:11
rt,在设置第一个div为float之后,第二个div的框会与第一个重叠,而div2中的字会跑到面,如何设置能够让div2成为新的一排
<div style="float:left;"> 0000 </div>
<div style="float:left;">8888 </div>
<div style="clear:both;">6666</div>
00008888
6666
可以把需要一行的元素设置成内联元素
<style type="text/css">
.new1{
float: left;
border:1px solid red;
}
.new2{
position: absolute;
top:100px;
border:1px solid green;
}
第二个用position: absolute;变为块状元素显示方式,并设置与页面顶部的距离。
别用float就好,或是让第一个div的宽度+第二个的跨度大于屏幕最大,且第一个div大的话就会自动把第二个排下去了
初识HTML(5)+CSS(3)-升级版
1225812 学习 · 18234 问题
相似问题