博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一小时搞定DIV+CSS布局-固定页面开度布局
阅读量:5063 次
发布时间:2019-06-12

本文共 926 字,大约阅读时间需要 3 分钟。

 

DIV+CSS布局中主要CSS属性介绍:

 

Float:

 

       Float属性是DIV+CSS布局中最基本也是最常用的属性,用于实现多列功能,我们知道<div>标签默认一行只能显示一个,而使用Float属性可以实现一行显示多个div的功能,最直接解释方法就是能实现表格布局的多列功能。

 

Margin:

 

       Margin属性用于设置两个元素之间的距离。

 

Padding:

 

       Padding属性用于设置一个元素的边框与其内容的距离。

 

Clear:

 

       使用Float属性设置一行有多个DIV后(多列),最好在下一行开始之前使用Clear属性清楚一下浮动,否则上面的布局会影响到下面。

 

实例讲解:下面使用实例如果做一个简单又基本的布局,效果如下图:

@{
Layout = null;}
DIV+CSS布局教程
列表
机型树
相关功能

注解:Container作为整个页面的容器,控制着整个页面在浏览器的位置,此处使用margin:0 auto;控制Container容器在浏览器中水平居中,一般固定宽度的布局都会用到这就代码。

 

本文只讲述最基本的布局,在具体开发实践中可能会遇到浏览器兼容性等其他问题,遇到细节问题请自行百度解决,解决的多了经验就积累起来了。

 

 

转载于:https://www.cnblogs.com/sleven/p/6829118.html

你可能感兴趣的文章
VC++2012编程演练数据结构《8》回溯法解决迷宫问题
查看>>
第一阶段冲刺06
查看>>
WIN下修改host文件并立即生效
查看>>
十个免费的 Web 压力测试工具
查看>>
工作之:javascript——js string 转 int 注意的问题——parseInt
查看>>
ckeditor 粘贴后去除html标签
查看>>
C++二维数组new小结(zz)
查看>>
ICPC World Finals 2019 题解
查看>>
mysql查看表结构命令
查看>>
C++之内核对象进行线程同步
查看>>
Java中==规则
查看>>
枚举类型与递归
查看>>
SQL中sysname数据类型的含义(转)
查看>>
UVA10462Is There A Second Way Left? —— 次小生成树 kruskal算法
查看>>
使用 AGAL 计算出4x4矩阵中XYZ三个轴的缩放值
查看>>
多进程与多线程
查看>>
npm安装node-sass报msbuild相关错误的解决办法
查看>>
CSS3 Media Queries
查看>>
python学习笔记十-文件操作
查看>>
RTTI 中的typeid获取运行时对象名称
查看>>