设置div的宽度和高度(设置div的宽度和高度,放在中心位置)
1. 设置div的宽度和高度,放在中心位置
子标签高度和宽度是相对父标签，如果父元素没有设置宽度和高度，那么子标签会向上找，也就是父元素的父元素，以此类推您这个例子，子标签div是块元素，父元素以及祖宗元素都没有宽度，子标签的100%宽度就是相对根元素html，加上div是块元素，默认会充满整个盒子子标签的高度100%，此例是相对body元素，而body又相html所以子标签的高度取决于html高度希望能帮到你
2. 设置div的宽度和高度,放在中心位置上
1、首先需要引入echarts的包。
2、然后创建折线图存放的div，这里需要设置id值和大小。
3、再然后设置js方法初始化图表。
4、初始化图表后就开始设置option的内容。
5、设置完内容开始设置图表的值。
6、这样图表就设置完成了但是界面没有地方去触犯这个图表，所以需要写个页面打开时初始加载的方法。
7、运行项目打开页面，就能看的图表效果了。
3. 设置div的宽度和高度,放在中心位置上方
大众朗逸这一款轿车属于可自己调节大灯高度的车型，那具体调节的操作方法是怎样的，看完下面几步就可根据自己的需要进行调节：
1、首先需要考虑到驾驶员自身的身高高度，以及座椅位置，结合这些来调大灯高度才比较合适；
2、进入驾驶室，在方向盘左下方的位置，可以看到如图所示的中控台左侧的灯光高度调节旋钮；
3、灯光高度调节总共有四个档位，分别是：-、1、2、3共4个档位。其中，位于“-”档位的灯光高度是最低的；
4、调节到“1”挡后，大灯高度会比”-“高一点；
5、同理“2”档大灯高度会比”1“档高，不过”2“档属于常用档位，一般调到”2“档高度足够使用；
6、“3”挡灯光高度是最高的档位，可根据自己的实际情况调节。
通过调节灯光高度旋钮即可调节灯光高度，建议使用“2”档位以下档位，合理使用灯光进行驾驶。
4. div固定宽度居中
设置这个div的宽度，然后设置它的margin值 margin: 0 auto;就会居中了。
5. 怎么设置div的宽度和高度
普通的显示数据的时候，ul就是项目列表，li就是列表项。可以用来显示数据。
如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度、行间距、背景边框等需要配合CSS一起设置。
ul是定义无序列表的样式li是列表内行的样式在HTML代码中列表是这样的<ul><li>列表一</li><li>列表二</li></ul>。
ul标签定义的是表格当中无序列表，表格当中的无序列表都是在<ul>标签之中，无序列表都是和<li>标签在一起使用的。普通的显示数据的时候，ul就是项目列表，li就是列表项。两个合起来就可以用来显示数据。
6. div怎么设置高度
首先要认识DIV是什么，div是HTML标签“<div>”。
DIV用法的语法<div>内容</div>div作为html网页中常用的标签，其默认样式是独占一行，其CSS样式需要重新赋予。
比如对div宽度、高度等样式设置、内部字体大小、字体颜色都需要通过CSS来实现。
通俗认识div，div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。DIV的用法实例，这里通过对div设置不同CSS样式，观察其效果。
DIV+CSS实例完整HTML源代码：<!DOCTYPE html><html><head><meta charset="gb2312" /><title>div的用法在线演示www.divcss5.com</title><style>div{ margin-top:10px}/* css注释说明：
对div都设置上间距10px */.divcss5-1{font-size:16px}/*
设置css字体大小16px */.divcss5-2{color:#F00}/*
设置css字体颜色为红色 */.divcss5-3{ background:#000; color:#FFF}/*
设置CSS背景颜色为黑色和字体颜色为白色 */.divcss5-4{ border:1px solid #F00; height:60px}/*
设置css边框和CSS高度60px */</style></head><body><div>普通内容一
</div><div class="divcss5-1">我字体大小为16px</div><div class="divcss5-2">我字体颜色为红色</div><div class="divcss5-3">我背景为黑色字体为白色</div><div class="divcss5-4">布局设置边框和高度</div></body></html>
7. 将div设置在屏幕的中心位置
如果将div 的height 设置为固定的像素值，在不同分辨率的显示屏上，会看到div 在浏览器上的高度不一致。可以以百分比的形式设置div 的高度。注意，这个百分比是针对div 的上一层标签而言的，如果当前div的上一层标签的height 为 100px，那么当前标签设置hight 为 100% 时，它的高度也就是100px。
HTML 页面中，html 和 body 标签的height是auto的。如果要设置div 的高度跟浏览器一致，则要先将html 和 body 的高度设置为100%。
如果设置了父类标签的百分比高度，但是当前div 的高度还是不能以百分比的形式放大缩小时，要考虑当前div 的子类标签的高度是否都是以固定像素定义的。如果是，则也要统一改成以百分比的形式定义高度。
8. 给div设置宽度
1. 实现DIV水平居中
设置DIV的宽高，使用margin设置边距0 auto，CSS自动算出左右边距，使得DIV居中。
2. 实现DIV水平、垂直居中
要让DIV水平和垂直居中，必需知道该DIV得宽度和高度，然后设置位置为绝对位置，距离页面窗口左边框和上边框的距离设置为50%，这个50%就是指页面窗口的宽度和高度的50%，最后将该DIV分别左移和上移，左移和上移的大小就是该DIV宽度和高度的一半。
3. 文本在DIV中水平、垂直居中（text-align + line-height）
9. css设置div高度
CSS 布局的基础方法及css布局技巧
css 是一个网页的外衣，网页好不好看取决于 css 样式，而布局是 css 中比较重要的部分，当产品把一个需求设计交到手中，我首先要做的是一点点的解剖这些需求，首先想到的是 html 的结构，根据要兼容的浏览器，数据的拼接，代码的可维护性，扩展性来选择 css 的布局方法。有时候，一个好的布局可以减少很多代码，用 css 处理网页布局的时候有很多技巧性的东西，下面就给大家介绍一些 css 布局技巧实例及 css 布局模型。
css的基础布局方法
1.块区域介绍
<body>
<div>
<p>这是一个段落.</p>
</div>
</body>
p 元素的包含块是 div 元素，因为作为块级元素，表单元格或行内元素，这是最近的祖先元素，类似的，div 的包含块是 body. 因此，p 的布局依赖于 div 的布局，而 div 的布局则依赖于 body 的布局。
块级元素会自动重启一行。
2. 块级元素
正常流布局
一般的，一个元素的width被定义为从左内边界到右内边界，height则是从上内边界到下内边界的距离。
不同的宽度，高度，内边距和外边距相结合，就可以确定文档的布局。