-
最先定位祖先元素:
1、最近定位祖先元素举例如下:假如div1、div2、div3同时设置了定位, 离div4最近的已定位祖先元素是div3,假如只有div1、div2设置了定位,离div4最近的已定位祖先元素就 是div2。
http://img.mukewang.com/climg/5ec5f8c0090ff88505100266.jpg
2、如果有最近定位祖先元素的时候,设置尺寸为百分比时:
百分比是参照最近定位祖先元素进行设置的。
http://img.mukewang.com/climg/5ec5fbf609e0963906690647.jpg
http://img.mukewang.com/climg/5ec5fb3609598e6904930563.jpg
由于为div1和div3设置了relative,为div2设置了absolute,div1是div2的最近定位祖先元素,
div2以div1作为参照设置宽高,可以看到这里div2的宽高是相对于div1宽高的50%.
1、在正常的文档流中,给元素设置边距时,元素的垂直边距会发生重叠,最终的外边距值就会等于两个元素外边距值较大的那一个。
2、使用relative定位时,不会脱离文档流,所以不会打破这一规则。但是使用fixed、absolute定位时,元素会脱离文档流,脱离文档流之后
就没有边距重叠了,所以会打破这一规则。
- input是单行文本框,所以无论输入多少内容,输入框中的内容都不会换行,这是单行文本框的特点