当前位置：Gxlcms > html代码 > 一个不在同一行显示的问题_html/css_WEB-ITnose

一个不在同一行显示的问题_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：2人阅读

css定位：relative

对象1

对象2：相对于自身的相对定位

对象2副：相对于对象2的绝对定位

对象3

对象4

css定位：absolute

对象A

对象B：相对于body的绝对定位

对象B副：相对于对象B的绝对定位

对象C

对象D

            .positionObj            {  	            	height: 120px;    	            }           .positionObj div            {            	font-size:10pt;            	background-color:gray;            	width: 100px;            	height: 50px;            	float: left;            	margin-right: 10px;            }            #relativePosition            {            	position: relative;            	top:60px;            	left:50px;            }            .absolutePosition            {            	position: absolute;            	left: 400px;            	display: inline;            }

对象2和对象2副怎么设置成同一行显示，对象B和对象B副也是。display:inline和float:left均无效

回复讨论(解决方案)

我把对象盒子里的文字少写点就对齐在同一行了，这和文字多少有关系吗

Test