仅使用 CSS 和 HTML 从 parents 移动 div

Question

关于响应式设计，我很想知道，"adopt" 某些屏幕宽度的 div 是否可行？我知道您可以重新排序它们，但是有什么方法可以将 div 从一个容器移动到另一个容器吗？例如：假设有一个带有搜索输入（和其他东西）的，我可以将它移到该部分并将其余部分移到较小屏幕的页面底部吗？

谢谢！

Answer 1

在 JavaScript 中，您可以使用如下方式将一个元素放入另一个元素中：

var myDiv=document.getElementById("myDivId");
var destinationDiv=document.getElementById("destinationDivId");
destinationDiv.appendChild(myDiv);

或者如果你的意思是用 css

以图形方式移动 div

你可以使用css定位（位置：绝对或相对，以及top,left参数）

也许"transition".......

move div from it's parents using just CSS and HTML