css 让div内部元素靠到底部。

好像不能靠下面,你可以选择最上面得给它个上边界,它上面就会有空细了,边界是边框与外界得距离,填充是内部文字与外界得距离,还有div最好都给它们设数值,只要掌握好数值了,一切ok了,希望可以帮到你,祝你成功
css 让div内部元素靠到底部。
只要修改
#wai的css就行了
高度自动,上面内填充就可以了。

代码如下:

<html>
<head>

<style type="text/css">
#wai{
width:200px;
padding-top:150px;
height:auto;
background:pink;
}
#nei1{
height:50px;
background:#444;
}
#nei2{
height:50px;
background:#666;
}
#nei3{
height:50px;
background:#999;
}

</style>
</head>
<body>
<div id= "wai">
<div id= "nei1">1</div>
<div id= "nei2">2</div>
<div id= "nei3">3</div>
</div>
</body>
</html>2010-05-18
好像不能靠下面,你可以选择最上面得给它个上边界,它上面就会有空细了,边界是边框与外界得距离,填充是内部文字与外界得距离,还有div最好都给它们设数值,只要掌握好数值了,一切ok了,希望可以帮到你,祝你成功2010-05-17
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#wai{
width:200px;
height:auto;
background:pink;
margin-top:30%;
padding-top:10px;
padding-bottom:0px;
}
#nei1{
height:50px;
background:#444;
}
#nei2{
height:50px;
background:#666;
}
#nei3{
height:50px;
background:#999;
}
</style>
</head>

<body>
<div style="border:solid; height:100%; width:100%; border-color:red;">
<div id= "wai">
<div id= "nei1"></div>
<div id= "nei2"></div>
<div id= "nei3"></div>
</div>
</div>
</body>
</html>
使用margin和padding都可以满足你所需要的效果,你指定了外边距和内边距后,将id为wai的div的高度设置为AUTO,就可以了。2010-05-18
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
<style
type="text/css">
#wai{
width:200px;
height:auto;
background:pink;
margin-top:30%;
padding-top:10px;
padding-bottom:0px;
}
#nei1{
height:50px;
background:#444;
}
#nei2{
height:50px;
background:#666;
}
#nei3{
height:50px;
background:#999;
}
</style>
</head>
<body>
<div
style="border:solid;
height:100%;
width:100%;
border-color:red;">
<div
id=
"wai">
<div
id=
"nei1"></div>
<div
id=
"nei2"></div>
<div
id=
"nei3"></div>
</div>
</div>
</body>
</html>
使用margin和padding都可以满足你所需要的效果,你指定了外边距和内边距后,将id为wai的div的高度设置为AUTO,就可以了。2019-12-14
加一个空层层就好了,你以后也可以在这个层里面做任何事,还能保证兼容问题
#nei0{
height:150px;
width:200px;
}
<div
id=
"wai">
<div
id="nei0"></div>
<div
id=
"nei1"></div>
<div
id=
"nei2"></div>
<div
id=
"nei3"></div>
</div>2020-07-09
只要修改
#wai的css就行了
高度自动,上面内填充就可以了。
代码如下:
<html>
<head>
<style
type="text/css">
#wai{
width:200px;
padding-top:150px;
height:auto;
background:pink;
}
#nei1{
height:50px;
background:#444;
}
#nei2{
height:50px;
background:#666;
}
#nei3{
height:50px;
background:#999;
}
</style>
</head>
<body>
<div
id=
"wai">
<div
id=
"nei1">1</div>
<div
id=
"nei2">2</div>
<div
id=
"nei3">3</div>
</div>
</body>
</html>2019-09-25
加一个空层层就好了,你以后也可以在这个层里面做任何事,还能保证兼容问题

#nei0{
height:150px;
width:200px;
}

<div id= "wai">
<div id="nei0"></div>
<div id= "nei1"></div>
<div id= "nei2"></div>
<div id= "nei3"></div>
</div>2010-05-29
学习为主2010-05-19
mengvlog 阅读 7 次 更新于 2025-07-20 03:30:48 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部