如何让div固定在页面的某个位置

 我来答
一口没水的枯井
推荐于2016-08-12 · TA获得超过2988个赞
知道小有建树答主
回答量:473
采纳率:100%
帮助的人:150万
展开全部

用绝对定位或相对定位

absolute 使用示例如下,左上角为(0,0):

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .red-border {
            width:100px;
            height:100px;
            border: 1px solid red;
        }

        #div1 {
            position: absolute;
            top: 200px;
            left: 200px;
        }

        #div2 {
            position: absolute;
            top: 500px;
            left: 400px;
        }
    </style>
</head>
<body>
    <div id="div1" class="red-border">div1</div>
    <div id="div2" class="red-border">div2</div>
</body>
</html>

运行效果:

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式