在sdie by side div之后,我希望在左侧Css位置上有一个新行

在sdie by side div之后,我希望在左侧Css位置上有一个新行,css,Css,我有一个关于职位的问题。在sdie by side div之后,我希望在左侧有一个新行。输出如下。有人能告诉我如何实现它吗。提前谢谢 页面上的理想输出: ------------------------------------------------------------------------_------------ | left Right | |

我有一个关于职位的问题。在sdie by side div之后,我希望在左侧有一个新行。输出如下。有人能告诉我如何实现它吗。提前谢谢

页面上的理想输出:

------------------------------------------------------------------------_------------
| left                                                                        Right |
| New line New line New line New line New line New line                             |
-------------------------------------------------------------------------------------
电流输出:

-------------------------------------------------------------------------------------
| left                                                                         Right|
|                              New line New line New line New line New line New line|
-------------------------------------------------------------------------------------
这是我的密码

<html>
<head>
<style>
h2.pos_left {
position: relative;
left: -20px;
}

h2.pos_right {
    position: relative;
    left: 20px;
}
.Right{
float: right;
text-align:right;

}

.Left{
float: left;
}

.clear{
   clear: both;
} 

.newline{
     float: left;
      text-align:left;    

}

</style>
</head>
<body>

  <div class="Left">left</div>
  <div class="Right">Right</div>
  <div class="clear"></div>
  <div class="newline">New line New line New line New line New line New line </div>


</body>
</html>

h2.pos_左{
位置:相对位置;
左:-20px;
}
h2.pos_右{
位置:相对位置;
左:20px;
}
.对{
浮动:对;
文本对齐:右对齐;
}
.左{
浮动:左;
}
.清楚{
明确:两者皆有;
} 
.纽琳{
浮动:左;
文本对齐:左对齐;
}
左边
赖特
新品新品新品新品新品新品新品新品新品新品新品新品新品新品新品

您的CSS是正确的。你的HTML不是。你永远不会关闭右div,因此浏览器会认为你的换行div在该div内。更改

<div class="Right">Right<div>


使用纯css从
中删除。右
浮动:右

.Right{
    /*float: right; Remove this */
    text-align:right;
}

.Right{
    /*float: right; Remove this */
    text-align:right;
}