点击打开链接点击打开链接
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style type="text/css">
#father
{
margin:100px auto;
width:300px;
height:300px;
border:1px solid red;
position:relative;
}
#child
{
width:100%;
height:20%;
background-color:Silver;
position:absolute;
bottom:0px;
left:0px;
}
</style>
</head>
<body>
<div id="father">
father
<div id="child">固定于father底部
</div>
</div>
</body>
</html>
分享到:
相关推荐
层固定在底部的样式 层固定在底部的样式 层固定在底部的样式
实现子盒子在父盒子的底部显示的几种方法,分为三种方法来实现。 1、绝对定位 2、flex布局 3、margin布局
jquery固定层顶部固定层和底部固定层IE6不抖动 jquery固定层顶部固定层和底部固定层IE6不抖动
JS实现的始终固定在页面底部的菜单 JS实现的始终固定在页面底部的菜单 JS实现的始终固定在页面底部的菜单
jquery实现始终固定在网页底部菜单提示导航代码
一款取自国外某网站的纯CSS实现的始终固定在网页底部的
html中,固定在底部的代码 这个方法简单好用。 运用这个CSS把DIV永远置于页面的底部 利用绝对定位,然后设置底部距离为0 <style> .footer{ left:0px; position:fixed; width:100%; height:30px; background-...
层始终固定在右下角兼容各种浏览器,代码很简单,很实用
某互联网公司开发官网的首页,在移动端导航要固定在页面的底部。页面底部的图标采用自定义图标完成,现在需要编写代码实现效果。 项目名称为menu,包含首页index.html、css文件夹、font文件夹,其中,css文件夹包含...
html页面头部,底部固定,中间内容超过1屏时,页面自动显示滚动条
flex布局实现顶部导航,底部导航固定,内容区内容高度超过可展示区域时出现滚动条,内容高度不足时铺满屏幕。
1.网上有个转烂的帖子介绍了一个兼容IE5以上IE7以下的解决方案。例子不仅乱码,而且IE8下不兼容,继续浮动。 2.网上还有个转烂的帖子介绍了一个全部IE兼容但是有横向滚动条的解决方案。 3.本例子解决了以上1和2两点...
html5移动端底部固定菜单,响应式菜单,根据屏幕大小宽度变化而变化。
非常简单的纯div+css+js实现固定在网站底部在线客服代码,不随页面滚动一直固定在网页底部的QQ客服代码。
底部弹出层,主要是web,html点击后底部会弹出层,可以点击选择,也可以作为分享
兼容手机浏览器uc,opera等浏览器,效果类似APP
微信底部菜单,移动端底部导航菜单,超级牛叉底部固定菜单,样式非常绚丽,H5移动端底部固定菜单栏目,4个打包,需要的下载交流,
用css实现div固定在屏幕底部,不随垂直滚动条接动而闪动,很好的实现在ie下的浮动效果,IE6 position:fixed
jquery mobile固定底部左右滑动