css - 定位 DIV 标签时的困难

Question

我对 css 样式很陌生，我需要帮助在布局中定位 DIV。如果在页面底部声明了一个 DIV 标签，当浏览器宽度减小时（模拟在手机中），我要求这个 DIV 显示在顶部。我知道这可以通过分配一个负值来实现，但是没有更好的方法吗？

请查看http://2010.dconstruct.org/speakers/tom-coates并注意当浏览器宽度减小时，右栏中的内容会显示在主要内容之前。我无法通过萤火虫找到解决方案。

谢谢。

Answer 1

他们使用媒体查询：

@media all and (max-device-width: 767px), all and (max-width: 449px){
    // Code
}

如果您想了解更多关于它们的信息，可以阅读，例如http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile -您的网站的版本/

Answer 2

我假设您已经使用 CSS @media 查询来调整页面宽度上的不同 CSS 规则。

我要做的是，将有问题的 div 放在 HTML 文档中的主要内容之前，并且高于您的宽度阈值，让它浮动：对。然后，在您的宽度阈值以下，不要让它向右浮动。