css怎么调整div的位置

我现在有个div,我要让他在页面顶部100px的地方显示,然后下面一直到浏览器最下面,也就是
高度100-100px
这个在CSS中怎么写?
高度100%-100px

可以使用css中的position来对div进行定位来改变div的位置,position属性值的含义:

  static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。

  relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。

  absolute:元素框从文档流完全删除,并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。

  fixed:元素框的表现类似于将position设置为absolute,不过其包含块是视窗本身。

  提示:相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。
温馨提示:内容为网友见解,仅供参考
第1个回答  2009-02-25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.d{border: #F00 solid 1px;position:relative; top:100px; height:100%;}
</style>
</head>
<div class="d">
test
</div>
<body>
</body>
</html>
==============
那个 位置 如果你要的是"绝对"的话你可以换成absolute
我为了测试方便所以加了边框效果.你可以删除掉它.
第2个回答  推荐于2016-02-24
<html>
<head></head>
<body>
<div style="widht:200px;height:auto;background:red">
<p>1111111111111111111111111111</p>
<p>1111111111111111111111111111</p>
<p>1111111111111111111111111111</p>
<p>1111111111111111111111111111</p>
<p>1111111111111111111111111111</p>
</div>
<div style="widht:200px;height:100px;background:gray">1111111111111111111111111111</div>
</body>
</html>

设置上面的div height 为auto
第3个回答  2009-02-25
<div style="position:absolute; top:100px; height:100%;">
第4个回答  2009-02-25
不告诉你

css怎么自动调整div的位置和大小
1、先新建一个html文件,并在head中添加样式表【styletype="text\/css">\/style>】。2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...

CSS div居中的三种方法
首先,采用margin方法,通过调整div元素的margin属性,使其四周留出合适的空白,从而达到居中的视觉效果。例如,对id为"nei"的div,设置合适的margin值即可实现。其次,position方法利用绝对定位实现居中。通过设置div的position属性为"absolute",并计算出其相对于父元素的精确位置,然后将其top、right、bottom...

cssdiv居中的三种方法
方法一:使用margin属性实现水平居中 对于单个div元素,可以通过设置左右margin为auto来实现水平居中。这种方法适用于宽度固定的div。例如,给div设置一个固定的宽度,然后将左右margin都设置为auto,浏览器会自动计算并均匀分配两侧空白,使div水平居中。方法二:利用flexbox布局实现灵活居中 Flexbox是CSS3中的...

css 让div居中的几种方式
另一种方法是利用position: absolute;。将小div设为绝对定位,设置left和top为`auto`,可以让小div在大div中水平和垂直居中。具体可以分为两种情况:一是指定left和top的精确像素值,二是将left和top设置为百分比,使其相对于大div的尺寸进行居中。如果外部大div的宽度和高度固定,而小div的宽度和高度可...

css如何让div页面居中css怎样让div居中
方法一:使用绝对布局位置:absolutefordiv并设置top、left、right、bottom的值相等,但不一定都等于0;并设置边距:自动。方法二:这个方法需要知道div的宽度和高度。使用绝对布局位置:绝对用于div并将top和left的值设置为50%;50%是指页面窗口宽度和高度的50%;最后,将div向左上方移动div宽度和高度的一半...

css中如何让div向下移动?
1、第一步,如果要向下移动div,则可以使用位置属性进行调整。 具体方法是先打开编辑器,创建一个新的html文件,然后编写基本的html结构。 在这里,设置两个div并分别命名其类属性Parent和child,并为父子div设置宽度和高度以及不同的颜色,如下图所示,然后进入下一步。2、其次,完成上述步骤后,打开...

css怎么调整div的位置
简单的代码示例如下:body><div id="div2"><\/div><style>div{border: 1px solid red;width: 200px;height: 200px;position: absolute;right: 200px;bottom: 200px;}<\/style><\/body>2、设置一个宽高为200像素的div距body的右边200像素底部200像素,运行的效果如下图:...

css的div下移?
1、将要下移的DIV定义一个CSS样式,这里我以class="222"为例。2、如下图黄色背景的DIV要下移一定量。3、选择style中的222样式名,再点击CSS选项卡下的编辑按钮,如下图向右的指向箭头所示。4、打开的CSS编辑面板,选择左侧分类下的“方框”,在右侧的MARGIN下的TOP处填上你的下移的大小数值,点击...

css怎么调整div的位置
可以使用css中的position来对div进行定位来改变div的位置,position属性值的含义:static:元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative:元素框偏移某个距离。元素仍保持其未定位前的形状,它原本所占的空间仍保留。absolute:...

css 里面怎么让一个DIV居中 ?
第一种方式:设置body 居中。在CSS中的代码是(body{text-align:center;})第二种方式:用盒子模型,首先设置一个Div ,这个DIV的宽度为100%,然后在这个DIV居中,那么在这个DIV中加的内容就居中显示,代码如下:<div class="div1"><div class="div2"><\/div><\/div>CSS 样式代码:<style type=...

相似回答