CSS创建一个通常向右浮动的元素，当viewport太小时转到新行

。

浮动是CSS中一种常用的布局技术，可以使元素脱离文档流并向指定方向浮动。在这个问题中，我们需要创建一个向右浮动的元素，并且当viewport（视口）太小时，元素应该转到新行。

要实现这个效果，可以使用CSS的float属性和@media查询。

首先，我们可以使用以下CSS代码创建一个向右浮动的元素：

.float-right {
  float: right;
}

上述代码中，我们创建了一个名为.float-right的CSS类，将float属性设置为right，表示元素向右浮动。

接下来，我们可以使用@media查询来检测viewport的大小，并在viewport太小时将元素转到新行。以下是一个示例：

@media (max-width: 768px) {
  .float-right {
    float: none;
    clear: both;
  }
}

上述代码中，我们使用@media查询，并设置max-width为768px，表示当viewport宽度小于等于768px时，应用下面的样式。在这个样式中，我们将float属性设置为none，表示取消浮动，并使用clear属性设置为both，表示在元素的下方创建一个新行。

这样，当viewport太小时，元素将转到新行。

关于CSS浮动和@media查询的更多详细信息，可以参考腾讯云的CSS开发文档：

• CSS浮动
• CSS @media查询

请注意，以上答案仅供参考，具体实现方式可能因具体需求和场景而有所不同。