html中怎么设置div的位置
不知题主说的是怎样的不动
static
相对浏览器窗口定位
,生成绝对定位元素,脱离文档流具体位置的调整是用top、left、right、bottom也可以使用margin调整
适用于:浮动广告,浮动菜单,
2. absolute
绝对定位,同样脱离文档流,相对于第一个 position 不为 static 的父级元素,同样通过top、left、right、bottom、margin调整位置
经常与 relative 相对定位标签结合使用,实现相对于该标签的绝对定位效果,例如大部分网站的搜索下拉菜单效果
通过和margin 负值结合也是垂直居中常用的方法
没有定位值的absolute 可以实现自适应布局(图片等宽度固定用absolute 定位,用 margin 或 padding 撑开与用来描述的标签的距离
在css中div定位方式有哪几种
1、position:absolute; 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
2、position:fixed; 生成绝对定位的元素,相对于浏览器窗口进行定位。
3、 position:relative; 生成相对定位的元素,相对于其正常位置进行定位。
4、position:static; 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
5、position:inherit; 规定应该从父元素继承 position 属性的值。
网页设计中采用div+css布局,这里的DIV是什么意思
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
html怎么把网页分块,div
1、启动dreamweaver cs5,在弹出的对话框窗口中选择html,进入主界面编辑区域。 2、接着对网页的整个布局在草纸上绘制下来,做到心中有数,主要分成那几个模块。主要有脚注、菜单导航、主体、导航条四大部分。 3、接着点击设计进入设计状态,在代码区域书写整体框架的css,即 #ztkj{width:80%; boder:1px solid #000000; height:800px;} 在body里添加
即可在下面看到整体框架。 4、接着在书写导航条代码,即 #dht{padding:10px; boder:1px solid#000000; background-color:#a2a2ff;} 在第一个div中输入,查看效果变化。 5、书写主体内容的代码,即 #ztnr{ float:left;width:60%; height:600px;boder:1px solid #000000; text-align:center; margin-light:10px; margin-left:10px;} 在整体框架中输入主体内容
,查看效果 6、书写菜单导航代码 #cddh{ float:right; margin-right:10px; width:35%;boder:1px #a2a2ff; height:600px;} 接着在整体框架中输入代码菜单导航
7、书写脚注的代码 #jz{ padding:10px; boder:3px #a2a2ff; text-algin:center; clear:both; margin-top:20px;} 在整体框架中输入代码脚注
查看效果。 8、这样大体框架就制作出来了,按f12进行查看效果,效果不好需要进一步修改代码。把边框设置出来,把所有的boder进行修改为border:solid 5px #fcc; 9、由于整个框架不在中间位置,需要修改让其居中对齐,所以要在ztkj中添加一条语句margin:auto; 10、这样整个框架就出来,在实际的使用过程中要根据自己的需要进一步调整,执行文件-另存为命令,将网页保存就完成了。