html盒子不随页面滑动

html-css012

html盒子不随页面滑动,第1张

html盒子不随页面滑动可以设置。

使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件，然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性即可随页面滑动了。

所谓盒子，就是将html网页中的标签在网页版面中所占据的平面范围，抽象出来的一个视觉形状。

、首先新建一个html页面，然后在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。

2、然后设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixedbottom:0设置footer类样式，把div固定在底部。

css样式代码：

.footer{

height: 100px

width: 100%

background-color: #ddd

position: fixed

bottom: 0

}

3、保存html代码，然后使用浏览器打开即可看到不管如何放大缩小浏览器div都是固定在底部的。