900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > CSS三栏布局(左右两栏固定宽度 中间栏优先加载 宽度自适应的双飞翼布局)

CSS三栏布局(左右两栏固定宽度 中间栏优先加载 宽度自适应的双飞翼布局)

时间:2023-07-24 06:31:23

相关推荐

CSS三栏布局(左右两栏固定宽度 中间栏优先加载 宽度自适应的双飞翼布局)

自己在做一个后台管理系统,没有美工,就自己用CSS简单搞一个三栏布局的页面。

左右两栏固定宽度,中间栏优先加载,宽度自适应的双飞翼布局。

上代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>CSS三栏布局、左右两栏固定宽度</title><style type="text/css">* {margin: 0;padding: 0px;}.header {background: #ccc;text-align: center;}.main {overflow: hidden;*zoom: 1;}.box {margin-top: 30px;}.box .main2 {float: left;width: 100%;margin-bottom: -3000px;padding-bottom: 3000px;background: #F90;}.box .main3 {margin: 0 200px 0 150px;}.box .left {float: left;margin-left: -100%;width: 150px;background

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。