做html时,怎样可以使图片随着页面向下移而移动?_随笔

可以通过css的position属性定位解决

<html>

<head>

img{ position: fixed top:0 right:0}

</style>

</head>

<body>

<br

> <b

r> <

br>

<br

>

</body>

</html>

提示：以上代码中加入多个br，是为了演示效果更明显

定义和用法

position 属性规定元素的定位类型。

说明

这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。

超简单：

给div1加上overflow:hidden就行了。。。

给div1或者div2加上float:left也可以解决，

给div1加border:1px solid transparent也可以解决，，但是宽度会多1px

还有就是用绝对定位来解决，给div1加上：position:relativez-index:0，div2加上：position:absolute也是可以解决的。。。

哦还有一个办法，，

给div1加上padding-top:1px也是可以的。

欢迎分享，转载请注明来源：内存溢出

做html时,怎样可以使图片随着页面向下移而移动?