关于div+css中错位的问题?

来源:百度知道 编辑:UC知道 时间:2024/05/28 06:07:46
在一个div块中嵌入一个小的div块。本来这小div块在大div的中上部。

我想把这小div放到大div的中下部. 但是不管用小div的margin属性,还是大div的padding属性。

只要小div往下移动了多少,大div的高度就增加多少,有什么办法可能解决么。(如大div的高度是90px,小div往下移10px,大div的高度就会增加到100px).
但是这样会不会书写格式不对呢``?

给大的DIV加一个相对定位
给小的DIV加一个绝对定位

答案如下:
<style type="text/css">
*{
margin:0;
padding:0;}
.da{
width:900px;
height:200px;
border:1px solid #9BDF70;
background:#F0FBEB;
position:relative;
margin:auto;}
.xiao{
width:500px;
height:100px;
border:1px solid #BBE1F1;
background:#EEFAFF;
position:absolute;
bottom:0;
left:200px;}
</style>
</head>

<body>
<div class="da">
<div class="xiao"></div>
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="