定位解决div移动问题_html移动div位置

导航：

• 1、网页制作中怎样将div的位置下移
• 2、一个父div一个子div怎样定位两个div让子div跟着父div移动？
• 3、div定位，块定位问题
• 4、如何使用DIV标签的定位（如何绝对定位和相对定位）

网页制作中怎样将div的位置下移

1、想让div下移，使用position属性就可以调整，具体方法首先打开编辑器，新建一个html文件，写入基本的html结构，这里设置两个div，分别给它们的class属性命名为parent和child，并给parent和child的div设置好宽度和高度和不同的颜色：

2、此时打开浏览器，可以看到黄色的child在绿色的parent的div中间：

3、接着给child属性加入position属性设置为absolute，其中top、left、bottom、right四个值代表上、左、下、右的位置，这里只设置top的属性就可以下移了，其他设置为0：

4、再次打开浏览器，就会发现child下移了。以上就是网页制作中将div的位置下移的具体操作方法：

一个父div一个子div怎样定位两个div让子div跟着父div移动？

不知道我理解的对不对哈，你的意思是这样的么

div id="father"div id="sun"/div/div

如果是这个层次的话sun是跟随father走的啊，因为是嵌套关系啊，就好比杯子里面有水，总不能杯子走了，水还在原地不动吧，道理是一样的。sun一般情况下总是相对于father来动，father在左侧sun也会到左侧，因为sun在father内部，这个我就不多解释了。特殊的情况是sun绝对定位了，例如sun的样式是width:10px;height:10px;position:absolute;top:0px;left:0px;这样就是相对于页面左上角定位了，如果给父亲添加一个position:relative;那么sun不在页面左上角了，而是在father的左上角了。也就是说sun往上层找有没有relative定位的元素，如果没有就直接相对于window窗口定位。因此，absolute一般是和父层的relative来一起使用的。

不知道我的回答你是否看懂，希望对你有帮助

div定位，块定位问题

border边框的高度要单独加上。

一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。

高度 宽度的计算方法一样

如何使用DIV标签的定位（如何绝对定位和相对定位）

相对定位和绝对定位

定位标签:position

包含属性:relative(相对)

absolute(绝对)

1.position:relative;

如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框)

2.position:absolute;

表示绝对定位，位置将依据浏览器左上角开始计算。

绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样。(因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高，它显示的越在上层。)

3.父容器使用相对定位，子元素使用绝对定位后，这样子元素的位置不再相对于浏览器左上角，而是相对于父窗口左上角。

4.相对定位和绝对定位需要配合top、right、bottom、left使用来定位具体位置，这四个属性只有在该元素使用定位后才生效，其它情况下无效。另外这四个属性同时只能使用相邻的两个，不能即使用上又使用下，或即使用左，又使用右。

标签：定位解决div移动问题