用绝对定位或相对定位
absolute 使用示例如下,左上角为(0,0):
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<style>
.red-border {
width:100px;
height:100px;
border: 1px solid red;
}
#div1 {
position: absolute;
top: 200px;
left: 200px;
}
#div2 {
position: absolute;
top: 500px;
left: 400px;
}
</style>
</head>
<body>
<div id="div1" class="red-border">div1</div>
<div id="div2" class="red-border">div2</div>
</body>
</html>
运行效果:
怎样设置div在浏览器的固定地方?
1、首先新建一个html页面，然后在这个html代码页面创建一个<div>标签，同时给这个<div>添加一个class类为footer。2、然后设置footer类，把div固定在底部。创建<style>标签，在该标签内设置通过position: fixed;bottom:0设置footer类样式，把div固定在底部。css样式代码：.footer{ height: 100px;width: 1...
怎么让DIV固定在页面的某个位置而不随着滚动条随意滚动?
（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。代码我们可以这样写：html{overflow:hidden;} body{height:100%;overflow:auto;} （2）我们可以利用绝对定位来定位我们想要固定在窗口某个位置的模块。假设我们要固定的内容在右上。html{overflow:hidden;}body{height:100%;overf...
如何固定div在网页中指定的位置?
想要固定div在网页中指定的位置，可以加一个CSS属性：div{ position:absolute;\/\/绝对定位，这个是随页面走动的，可以换成fixed，不随页面走动。 left:0; top:0; z-inde:111111; width:1440px; height:36px; background:red;}要想用定位必须有一个是参照物，才可以将你要固...
怎样使div居中到网页的中间?
Div居中在屏幕正中间用margin负值，这种方法适合div的宽高固定。position：absolute；left：50%；top：50%；margin-left：-宽度的一半；margin-top：-高度的一半；使用css3新属性translate，这个不需要固定宽高。然后我们设置Div的边距，第一个参数指示顶部的距离为0，第二个自动表示自动。也就是说，在设...
如何让DIV固定在页面而不随着滚动条随意滚动
1、首先我们新建一个web项目，主要用到了html文件和css文件。2、然后在html文件中，有图中的代码，引入css文件和设置一个div标签。3、然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。4、然后运行项目后，可以看到div在右下角。5、然后滑动滚动条，即使到达底部后，div的位置依旧没有...
怎样让一个div居于页面顶端的中间?
还要设置当前div的宽, 以及当前的div的父元素的位置, 子元素和父元素的位置关系position
如何让DIV固定在页面而不随着滚动条随意滚动
你可以对div设置css属性，相对于页面定位：position:fixed;position属性再搭配top、bottom、right、left确定div位于页面的具体位置，比如：top:10px; right:20px;另外，因为div是相对与页面定位，在滚动条滚动时，其他的html元素可能因为在它之上而将它遮挡上（如果你的这个div先写的，后又写很多div什么...
怎么让一个DIV绝对定位到页面的正中间
1、首先，新建一个html文件。2、在html文件上找<body>标签，在<body>标签中创建<div>标签并设置class类：<div> fixed浮动居中 <\/div> 3、对div设置基本属性。html文件找到<title>标签，在这个标签后新建一个<style>标签，然后在<style>标签里设置class类为fixed的属性为：宽为300像素，高为150像素...
如何让div固定在页面的某个位置
建议使用css实现，效果更佳，使用position: fixed，固定定位，具体位置的调整是用top、left、right、bottom也可以使用margin调整 css实现代码 <div style="position: fixed;top:100px; left: auto; right: auto; bottom: auto; " ><\/div> 一般的网站的浮动广告以及浮动菜单等可以使用fixed来实现，js...
如何让div固定在页面的某个位置
使用绝对定位可以事项这个功能，即position： position:absolute; 然后在设置DIV相对与父容器的位置，例如下面这个例子实现将DIV定位在浏览器的左上角 <style type="text\/css"> #top { width：400px； height：400px; background-color:#ff0000; position:absolute; left:0px; top:0px; } <\/style...
