已经改好
<html>
<head>
<title>设置层与层之间的距离</title>
<meta >
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<title>Document</title>
<style>
d1{
width: 400px;
height: 250px;
background-color: red;
text-align: center;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="ddddpng" />
<br/>
你啥时候嫁给我,hahahahaahahahahahaah
</div>
</body>
</html>
————————————————
这样就会能够将文字放在的正下方，得到以下：
文字位于正右边的方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<title>Document</title>
<style>
d1{
width: 400px;
height: 250px;
background-color: red;
}
d2{
vertical-align: middle;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="ddddpng" />
你啥时候嫁给我
</div>
</body>
</html>
<script language="javascript">function diff(x){
ie4=(documentall)true:false
if (ie4){
block=xstyle;
}
var a=screenwidth
switch (a){
case 1024:
blockleft=""+(parseInt(blockleft)+112);
break;
case 1152:
blockleft=""+(parseInt(blockleft)+176);
break;
case 1280:
blockleft=""+(parseInt(blockleft)+240);
break;
}}
</script>
<div id="mooon" style="position:relative; width:350px; height:14px; z-index:1; background-color: #cccccc; layer-background-color: #6699cc; border: 1px none #000000; left:150px;top:385px;">
层的内容 </div>
<script>diff(mooon)</script>
注意：上面这种方法能实现层的固定，但有一个问题是要固定的这个层会独占用高度，以下的方法可以解决：
<div id="Layer1" style="position:absolute; width:49px; height:14px;">
<div id="mooon" style="position:absolute; width:645px; height:43px; z-index:1; layer-background-color: #6699cc; border: 0px none #000000; left:330px;top:380px;">内容
＜／div＞
</div>
这些代码可以让层固定显示你好！
给body加个父级属性，给bottom加个子级属性。然后设置bottom定位位置底部。
例如body{position:relative;}
bottom:{position:absolute;bottom:0;}
希望对你有所帮助，望采纳。有两种方式；一种是绝对定位方式，一种是通过固定定位方式(固定定位是浮动在浏览器的固定位置的，就是不能随浏览器的滚动而变化，始终在浏览器的底部)；
能用到的css样式：position:absolute;position:fiexd;
<div class="navdown" style="width:1000px;height:50px;">
<li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li>
</div>
css:
navdown{position:absolute:bottom:0;}
navdown{position:fiexd;bottom:0}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）