Question

我必须在div1中创建div2。这里的问题是我必须将这两个div并排。我试图申请浮动，保证金左，但我仍然无法实现。

代码就像

<div1> <form> <div2>here I have to write div2</div2></form><div1>

那么，div1和div2是否有可能并排出现。

感谢。

Answer 1

我刚刚使div2的左边距大于div1的宽度，它对我有效。

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
    #one{
    	height: 100px;
    	width:200px;
    	border:1px solid black;
    	background-color: blue;
    	
       
    }
     #two{
    	height: 100px;
    	width:200px;
    	border:1px solid black;
    	margin-left:230px;
        background-color:yellow;
    }
	</style>
</head>
<body>
<div id="one"> 
<form>
<div id="two">
here I have to write div2
</div>
</form>
</div>
</body>
</html>

Answer 2

根据你的问题这是你的答案。

＆＃13;

div1 {
  display: inline-flex;
  border: 1px solid red;
}

div2 {
  padding-left: 10px;
  border: 1px solid blue;
}

＆＃13;

   <div1>
 test
<form>
 <div2>here I have to write div2</div2>
 </form>
   <div1>

＆＃13;

Div2在另一个Div1内。如何使这些Div1和Div2并排出现

2 个答案: