html - 仅使用 CSS 和 HTML 将 div 从它的 parent 那里移走

Question

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

谢谢!

Answer 1

在 JavaScript 中，你可以像这样将一个元素放入另一个元素中:

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

或者如果你的意思是用 css 以图形方式移动一个 div

您可以使用 css 定位(position:absolute或相对，以及 top、left 参数)

也许还有“过渡”......