父类用了绝对定位java 子类转父类用固定定位没有效果 怎么办

来源：蜘蛛抓取(WebSpider) 时间：2017-12-01 03:41 标签： 父类转子类
相关文章推荐
DIV+CSS布局网站首页实例
网站页面布局
/digital/wyll/79.html【页头、页脚、侧边栏和内容区域】
#避免各浏览器对...
我们在上一个文章中详细的阐述了CSS是如何控制文字的显示效果的，接下来，为了需要，我们继续来完善CSS对段落的控制的显示效果。
我们看看段落的水平对齐方式：
看一段代码：
flex水平布局 div水平居中
他的最新文章
讲师：董晓杰
讲师：姚远
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)相关文章推荐
定位有三种，分别是相对定位、绝对定位、固定定位。
1、相对定位：position:
2、绝对定位：position:
3、固定定位：posit...
来自：/dotnetspace/.shtml某个元素始终位于浏览器的底部或某些地方不知道您是否留意了，浏览http://dancew...
当用div布局，相对定位时，子div的位置是相对于母div来设置的（从母div左上角开始算），margin可以活动到母div外围而不会把母div撑大，padding则总是在母div内部折腾，会把母di...
相对定位：
层级关系为：
为改变参照物（橘色框）后的效果
层级关系为：
参照物为最顶级的元素情况。
层级关系为：
我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:
.Absolute-Center {
一、理解定位（static是默认的）原始图—不加定位1.absolute(绝对定位)
1.脱离标准流，在页面中不占位置（浮起来）
2.如果没有父元素，则相对于body定位；如果有父元素，但父...
1、绝对定位（absolute）
将被赋予绝对定位的元素从文档流中拖出，使用left、right、top、bottom等属性相对于其最接近的一个最有定位设置的父级元素进行绝对定位，如果元素的父级没有...
1，static(默认)
当你没有为一个元素(例如div)指定定位方式时，默认为static，也就是按照文档的流式(flow)定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能...
一、CSS定位
1、Float:left / right /------左浮动/右浮动/无
2、Position:----绝对定位
3、Position:...
CSS中常用的几种定位方式
float定位（即浮动定位）：
这种定位方式很简单，只需规定一个浮动的方向（如：float:就表示这个元素向左边摆放），它的定位是相对于父元素容...
他的最新文章
讲师：董晓杰
讲师：姚远
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)一，margin
<span style="color: #.标准文档流，margin在竖直方向的不叠加，以较大的为准
<span style="color: #.使用margin：<span style="color: #的盒子必须有明确的width,并且只有标准文档流的盒子
才能使用margin:<span style="color: #
<span style="color: #.善于使用父亲的padding而不是儿子的
二，css精灵
<span style="color: #.css精灵优点，减少http请求
<span style="color: #.通过background-position来控制显示位置
<span style="color: #.background-attachment:fixed; 背景图片固定，不随滚动条滚动
<span style="color: # 精灵的使用
background url(inages/<span style="color: #.jpg) no-repeat <span style="color: # -<span style="color: #3
<span style="color: #.相对定位 position:
right: -<span style="color: #0
bottom:-<span style="color: #0
元素微调和做绝对定位的参考
<span style="color: #.一个绝对定位的元素，如果父辈元素中出现了也定位了的元素，那么将以父辈这个元素，为参考点
<span style="color: #.子类绝对定位父类相对定位用的比较多
<span style="color: #.绝对定位后的盒子居中
left:<span style="color: #%;
top:<span style="color: #;
margin-left:-<span style="color: #0(为实际宽度的一半)
<span style="color: #.固定定位相对浏览器窗口定位：position:
<span style="color: #.浮动的元素脱标
<span style="color: #.浮动的元素互相贴靠
<span style="color: #.浮动的元素有“字围”效果
五，清除浮动
<span style="color: #.父类div设置height
<span style="color: #.clear:both
<span style="color: #.隔墙div
<span style="color: #.overflow:六，块级元素和行内元素
<span style="color: #.块级元素 &p&
霸占一行，不能与其他任何元素并列
能接受宽，高
如果不设置设置宽度，宽高默认为父亲的100%
<span style="color: #.行内元素 &span&
与其他元素并排
不能设置宽高，默认宽高就是文字的宽高。
让块级元素变为标签。
display: 让标签元素变为块级元素。
将元素弄成块级元素
伪类&a&标签 ：link 没有点击过的样式
：visited点击过的样式
：hover 鼠标悬停的样式
：active 鼠标点击不松的样式
八，z-index
　　　　1.只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的东西不能用。
　　　　2.z-index值就是一个正整数。默认的z-index值是0。
　　　　3.如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面能压住别人。定位了的元素，永远能够压住没有定位的元素。
阅读(...) 评论()解决IE6下固定定位问题_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
解决IE6下固定定位问题
阅读已结束，下载文档到电脑
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢

我要回帖

更多关于 父类转子类 的文章

 

随机推荐