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

Question

I have to create div2 inside div1.我必须在 div1 中创建 div2。 The problem here is I have to make those two div's side by side.这里的问题是我必须将这两个 div 并排放置。 I tried to apply float, margin-left but still I can't make it happen.我尝试应用浮动，左边距，但仍然无法实现。

Code will be like代码会像

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

So, is there any chance that div1 and div2 appear side by side.那么，div1 和 div2 是否有可能并排出现。

Thanks.谢谢。

Answer 1

I just made the left margin of div2 greater than the width of div1 and it worked for me.我只是让 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

According to your question Here is your answer.根据您的问题，这是您的答案。

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

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

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

问题描述

2 个解决方案

解决方案1
1

解决方案2
-1 2016-09-25 09:26:28

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

问题描述

2 个解决方案

解决方案1 1

解决方案2 -1 2016-09-25 09:26:28

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

解决方案1
1

解决方案2
-1 2016-09-25 09:26:28