2 nextlove 1015 NextLove_1015 于 2016.09.14 14:55 提问

关于div的内容不和div一起移动的问题请教,也就是div3的position设置

代码:

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>t4</title>
        <style>
            * {
                margin: 0px;
                padding: 0px;
            }

            #div1 {
                width: 100px;
                height: 100px;
                border: 1px solid black;
                background-color: red;
                float: left;
            }

            #div2 {
                width: 100px;
                height: 100px;
                border: 1px solid black;
                background-color: yellow;
                float:left;
            }

            #div3 {
                width: 100px;
                height: 100px;
                border: 1px solid black;
                background-color: blue;
                position:relative;/*absolute*/
                top:100px;
            }
        </style>
    </head>
    <body>

        <div id="div1">1111111111</div>
        <div id="div2">2222222222</div>
        <div id="div3">3333333333</div>
    </body>
</html>

3个回答

showbo
showbo   Ds   Rxr 2016.09.14 15:14

不懂要问什么。。absolute不占位,脱离文档流

fleetingevent
fleetingevent   2016.09.14 15:01

position=fixed 就不随着动了,你是这个意思吗?

fleetingevent
fleetingevent 回复NextLove_1015: 我觉得和div1 div2 的float有关,我也是初学,可以看一下http://bbs.csdn.net/topics/390653245
大约一年之前 回复
NextLove_1015
NextLove_1015 #div3 { width: 100px; height: 100px; border: 1px solid black; background-color: blue; position:relative;/*absolute*/ top:100px; } 就是这里 relative的时候,里面的字不会动,absolute的时候 里面的字会和div一起移动,这是为什么啊
一年多之前 回复
zhh1996075
zhh1996075   2016.09.14 15:47

看你的div大小,,可以设置padding ,,margin属性,,position的absolute绝对定位和relative相对定位可以设置div的位置,

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!