让div在容器底部浮动的css怎么写啊？

答案:6 悬赏:10 手机版

解决时间 2021-04-05 14:28

提问者网友：轮囘Li巡影
2021-04-05 10:15

最佳答案

五星知识达人网友：毛毛
2021-04-05 10:44

.dibupiaofu {
z-index:99999; position:fixed; bottom:0; left:0; width:100%; _position:absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;}
.piaofutiao{Z-INDEX: 99999; LEFT: 0px; OVERFLOW: hidden;BOTTOM: 0px; _POSITION: fixed! important; HEIGHT: 45px;background-image:url(../images/浮动/fudong.jpg); background-repeat:no-repeat; TEXT-ALIGN: left; width:1310px; margin:0 auto;line-height:45px;}

内容

你试一下这个！

全部回答

1楼网友：撞了怀
2021-04-05 14:18

<html>
<head>
<title>测试</title>
<style type="text/css">
#content{
border:1px solid red;
width:500px;
height:500px;
position:relative;
}
#contenttop{
border:1px solid blue;
width:100px;
height:100px;
}
#contentbottom{
border:1px solid green;
width:200px;
height:200px;
position:absolute;
bottom:0px;
}
</style>
</head>
<body>
<div id="content">
<div id="contenttop"></div>
<div id="contentbottom"></div>
</div>
</body>
</html>

2楼网友：轻熟杀无赦
2021-04-05 13:45

套用两个div，给外边的div定义position:relative;给里边的div定义也就你写的代码，如果不可以，百度Hi我，交流一下。

3楼网友：一袍清酒付
2021-04-05 13:27

<div style=" height:500px; position:relative">
<div style="height:50px;position:absolute;bottom;0px;">这样才可以</div>
</div>

4楼网友：西岸风
2021-04-05 11:50

CSS布局实例，这个例子相信很实用，让一个图片在Div容器中上下、左右都居中，也就是水平和垂直都居中，有用吧，平时遇到的机率挺高的，下面结合CSS和HTML来实现这个演示，请参见代码：　　测试效果如下：可看到图片在Div class内水平和垂直居中：

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息