dreamweaver 中div怎么移动

dreamweaver 中div怎么移动,第1张

看你怎么布局了,如果DIV或其他的一些区块较多,建议使用position定位比较好!如果少,可以使用float浮动和配合clear来布局也不错!margin外边距也是要使用的!你把CSS学会了就懂的了!可能你还没有学CSS是吧?

CSS中的position property一共有四种:

postion: static

postion: relative

position: fixed

position: absolute

如果设置div为static postion, div的位置将不受top,right,left,button等变量的影响,而是按照正常的页面布局进行排版。例:

divstatic {
        position: static;
        border: 3px solid #8AC007;
    }

如果设置div为relative position, 其变量的值将会使div的位置相对其正常(default)位置进行移动。例:

divrelative {
        position: relative;
        left: 30px;
        border: 3px solid #8AC007;
    }

如果设置div为fixed position, div将会被固定在窗口的固定位置。也就是说无论你如何上下移动页面, div在屏幕上显示的位置始终不变。

divfixed {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 300px;
        border: 3px solid #8AC007;
    }

如果设置div为absolute position, div将会相对于其最近的position ancestor定位。absolute position是可以随页面移动而移动在屏幕上的位置的。

divabsolute {
        position: absolute;
        top: 80px;
        right: 0;
        width: 200px;
        height: 100px;
        border: 3px solid #8AC007;
    }

以上CSS你可以放到自己的网页应用里试一下,区别就很明显了。

参考资料:

>设定了padding的div的高度或者宽度计算规则是:padding左右值加上div设定的宽度值等于div实际显示的宽度;padding上下值加上div设定的高度值等于div实际显示的高度;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10542164.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-09
下一篇 2023-05-09

发表评论

登录后才能评论

评论列表(0条)

保存