div如何自动调整位置
发布网友
发布时间：2022-04-22 08:55
共5个回答
热心网友
时间：2023-07-09 08:22
DIV根据内容自动调整的方法有三种，分别如下：
一，增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。
Html代码如下：
<divid="main"><divid="content"></div><divstyle="font: 0px/0px sans-serif;clear: both;display: block"></div></div>
二，增加一个容器，在代码中存在，但在视觉中不可见。
Html代码如下：
<divid="main"><divid="content"></div><divstyle="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div></div>
三，增加一个BR并设置样式为clear:both。
Html代码如下：
<divid="main"><divid="content"></div><brstyle="clear:both;"/></div>
热心网友
时间：2023-07-09 08:23
呵呵，就是高度自适应吧。
#content{
height:auto!important;
min-height:100px;
height:100px;
}
这样你DIV的初始高度是100px（即使内容没有那么多），当内容高度超过100px时div的高度会自动增加。
另外：div是块级元素，它自己就可以根据上面div的位置而改变自己的位置。浏览器也是先显示上面一个div后再显示下面一个div。你的position用的不是地方。
热心网友
时间：2023-07-09 08:23
在父标签上加属性：
height:auto;dispaly:table;
============================================================
你们这帮人真恶心
基础都不打好就想盖楼
你以为DIV+CSS就是拉个框把东西扔进去？
你丫知道 position: absolute; 是什么意思吗？？
以下是完整的代码
<body>
<center>
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</center>
</body>
#container { font-family: "Trebuchet MS", "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 16px; height:auto;dispaly:table; width:auto;}
#header { width: 882px; height: 68px;}
#pathway { color: #CBCBCB; width: 882px; height: 21px; }
#main_content {height: 392px; width: 882px; margin-top: 10px; font-family: "Arial"; }
#content{width: 882px;height:auto; }
热心网友
时间：2023-07-09 08:24
DIV根据内容自动调整的方法有三种，分别如下：
一，增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。
Html代码如下：
<divid="main"><divid="content"></div><divstyle="font:
0px/0px
sans-serif;clear:
both;display:
block"></div></div>
二，增加一个容器，在代码中存在，但在视觉中不可见。
Html代码如下：
<divid="main"><divid="content"></div><divstyle="height:1px;
margin-top:-1px;clear:
both;overflow:hidden;"></div></div>
三，增加一个BR并设置样式为clear:both。
Html代码如下：
<divid="main"><divid="content"></div><brstyle="clear:both;"/></div>
热心网友
时间：2023-07-09 08:24
呵呵，上面说的不错啊，基础不学好就想盖楼，，直接用三个div就行了，外面不用放container 这个总的，多余！！！
