热搜:NVER node 开发 php

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

2024-11-29 21:15:01
一个不在同一行显示的问题_html/css_WEB-ITnose

		

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								

css定位:relative

对象1 对象2:相对于自身的相对定位 对象2副:相对于对象2的绝对定位 对象3 对象4

css定位:absolute

对象A 对象B:相对于body的绝对定位对象B副:相对于对象B的绝对定位 对象C 对象D



非得加个top或bottom才能在同一行吗 不好意思 我比较钻牛角尖