css 一些常用布局

div骨架

Code

</div>

css样式

1-2-1布局绝对定位法

Code

<style>

div{

}{

border:solid 1px red;

}

#header,#container,#pagefooter{

}{

margin:0 auto;

width:760px;

}

#container{

}{

position:relative;

}

#content{

}{

position:absolute;

top:0;

left:0;

width:500px;

}

#side{

}{

margin:0 0 0 500px;

}

</style>

1-2-1布局浮动法

Code

<style>

div{

}{

border:solid 1px red;

}

#header,#container,#pagefooter{

}{

margin:0 auto;

width:760px;

}

#content{

}{

float:left;

width:498px;

}

#side{

}{

float:left;

width:258px;

}

#pagefooter{

}{

clear:both;

}

</style>

转载于:https://www.cnblogs.com/zjm1126qqcom/archive/2009/02/19/1393809.html

css 一些常用布局相关推荐

flex 引入css,Flex常用布局
Flex常用布局项目介绍 flex简单布局,导入css后直接使用使用说明 1. 以行布局 .rbox 使用方法: 1 2 3 结果: 2. 以列布局 .cbox 使用方法: 1 2 3 结果: 3 ...
php css布局技巧,最全的CSS开发常用技巧
css(层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各 ...
CSS知识点——盒子布局及一些常用属性
CSS知识点--盒子布局及一些常用属性 - 盒子布局先上一张图,方便理解后面的布局内容盒子布局的主体通常为 div 标记(分区标签),这里不得不提一下 span 标签,它也是一个区域标签,但是区别 ...
html5多行布局,css常用布局多行多列
CSS布局常用的方法:float : none | left | right 取值: none : 默认值.对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边它是怎样工 ...
html常用布局和写法,HTML+CSS入门 css常用布局多行多列解析
CSS布局常用的方法:float : none | left | right 取值: none : 默认值.对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边它是怎样工 ...
web前端html+css常用布局05列表布局
web前端html+css常用布局05列表布局注意:引入jquery的jquery-2.1.4.min.js包图片从自己目录中路径. 代码: <!DOCTYPE html> <h ...
常用布局方式与常用css
目录 1.弹性盒布局方式 2.网格布局 3. 百分比布局 4.三块布局 5.媒体查询 6.style中使用三元运算符 7.做一个透明盒子 8.根据条件加class 9.让背景根据屏幕拉伸 1.弹性盒布 ...
【HTML5CSS3进阶学习02】Header的实现·CSS中的布局
前言我们在手机上布局一般是这个样子的: 其中头部对整个mobile的设计至关重要,而且坑也很多: ① 一般来说整个header是以fixed布局,fixed这个产物在移动端来说本身坑就非常多 ② 在 ...
前端： 42 种前端常用布局方案，值得收藏！
对 CSS 布局掌握程度决定你在Web开发中的开发页面速度.随着Web技术的不断革新,实现各种布局的方式已经多得数不胜数了. 本篇文章总结了四十二种CSS的常见布局,这四十二种布局可以细分为如下几类: ...

css 一些常用布局

css 一些常用布局相关推荐

最新文章

热门文章

css 一些 常用布局

css 一些 常用布局相关推荐

最新文章

热门文章

css 一些常用布局

css 一些常用布局相关推荐