你试了一下效果是一下的没有,margin之间有重叠的问题的
默认属性,去掉就好
思考方式不一样吧 我觉得能做出来就都可以
应该a链接被某一层的标签给覆盖了
首先你要明白不设置方位属性的absolute和relative区别,relative元素还占据原来的自己的空间,而absolute不占据空间,默认位置为原来为定位的位置,通过margin值调整位置,这一点跟relative很像。
有区别的。因为如果是正常的div是会影响到文档流,你想想,如果你的另一个div作为待选框,那么你要控制它的display属性(none / block),如果是display: block,那么在这个div之后的元素的排版都会发生变化,有可能会往下移动。那如果待选框的div的position:abusolute,这样的话就会脱离文档流,就是说不会影响到该待选框div之后的元素的布局,因为abusolute的div会漂浮在普通元素的正上方而不影响普通元素的布局。你总不能说打开待选框之后页面布局都发生变化吧,那方向就走偏了,使用abusolute的要达到的效果就是不影响普通元素(即非abusolute)元素的布局
拉伸和宽高同时存在的时候,会忽略拉伸,会显示宽高设计的尺寸。
但当尺寸限制、拉伸、margin: auto 同时出现的时候,可以实现让绝对元素绝对居中的效果。
视频在将相和合作性的时候讲到过这些
.....
古巨基、郑中基→高尔基【巨→中→尔(基)】
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>绝对定位受父级元素影响</title>
<style>
.box1 {
width:400px;
height:400px;
background-color:red;
text-align:right;
position: relative;
}
.box2 {
width:200px;
height:200px;
background-color:green;
position: absolute;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div class="box1">box1
<div class="box2">box2块的绝对定位受box1块的影响(这就叫绝对定位受父级影响,我这么说你能理解不)</div>
</div>
</body>
</html>
容器自然是指父元素div
对div施加absolute定位会产生对子元素的包裹效果
这个问题是因为<i>标签和<img>标签之间存在换行空格而错位的,视频中有讲到
不会在左上角的,包裹*的span是行级元素,设置position后如果不设top、bottom、left、right还是在line boxes的原来位置,至于垂直居中张老师是通过计算padding-top将*和文字的父标签lable与右边的div垂直居中对齐实现的
请仔细看看你有没有设置page元素
不是已经定位了吗?right:0px
图片符合inline水平元素的属性,但是可以向block一样设置宽高
按钮的内容和实际要操作DOM是相反的,意思是当按钮显示的是图片去absoloute化,其实DOM内容已经是absolute了.不知道这样说会不会好一点.if判断语句的意思是,当图片已经进行过定位,老师的那种写法(this.ansolute)==(this.absolute==true)==>poistion:absolute是有值的(这个是图片的)这种状态,就修改按钮的显示样式this.value,然后当你点击之后得把下次要判断的值修改了this.absolute,他是不会自动修改的
点击红色框内的那个按钮可以切换了
fixed和abosulte的区别在于,fixed在有滚动条的情况下也可以定位,absolute会跟着滚动条滚动
好好看视频吧,讲的很清楚了
这个只能用js控制了
有这个概念吗?
在IE7之前要设置