HTML中fix固定定位怎么用

 时间:2024-10-12 18:47:34

1、首先,我们在H哌囿亡噱TML页面中设置四个div,并且给它们设置one,two,three,fix类名,类名随便取的。其中one,two,three这三个div是用来撑开页面,便于我们更深入的了解固定定位的用法。

HTML中fix固定定位怎么用

2、接着我们统一设置one,two,three的css属性值。这里我就统一设定它们的宽高。

HTML中fix固定定位怎么用

3、然后在分别设置one,two,three,的颜色属性。我就分别设置它们为红绿蓝三种颜色。

HTML中fix固定定位怎么用

4、设置好之后,预览看看三个div的效果,可以看到这里有三个颜色不同的div,并且它们的总高度大于浏览器的总高度。

HTML中fix固定定位怎么用

5、接着我们来设置fix类的属性值,这里我就设置成宽高50像素的值,并且它的背景色为黄色。

HTML中fix固定定位怎么用

6、接着我们可以看到页面中已经有了一个小块。

HTML中fix固定定位怎么用
  • css怎么给div或按钮添加边框投影/阴影立体效果
  • au怎么转换采样类型?
  • Axure RP8怎样给树状菜单添加子节点?
  • flash8怎么控制影片剪辑跳帧
  • Animate软件如何通过代码调整元件属性(AS3)
  • 热门搜索
    地理手抄报图片 廉洁教育手抄报内容 诚信手抄报版面设计图 庆国庆手抄报内容 知法守法手抄报内容 快乐暑假手抄报内容 文明用餐手抄报 国庆节手抄报资料 愚人节手抄报 手抄报版式