小编Not*_*hat的帖子

有没有办法只使用CSS改变HTML DIV的顺序?

我有一个.HTML文件,在任何情况下我都无法更改.

我必须设置网页的样式,使标题DIV位于页面顶部(100%宽度),导航DIV(25%宽度)显示在标题DIV下方左侧,销售DIV(75%宽度) ,出现在Navigation DIV的右侧,产品DIV(100%宽度)低于Sales DIV.

页脚DIV位于页面上所有其他DIV下方的最底部,宽度为100%.

<body>
    <div id="wrapper">
        <div id="nav"></div>
        <div id="header"></div>
        <div id="sales"></div>
        <div id="products"></div>
        <div id="footer"></div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

是否可以在不改变HTML DIV的逻辑顺序且仅使用CSS定位,浮动等的情况下执行此操作?

html css

7
推荐指数
1
解决办法
111
查看次数

标签 统计

css ×1

html ×1