在css中有关盒子模型的应用,怎么理解绝对定位与相对定位,如何正确运用;
浮动属性与清除浮动属性在css样式中怎样应用,对于整个页面会产生什么影响?
元素定位机制
1.普通文档流
普通文档流将浏览器窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。
2.定位思想和浮动
CSS元素定位的基本思想很简单,它允许我们定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。此外,CSS中的浮动允许元素向左或者向右移动。通常情况下,我们使用div+css布局页面,而css布局中最重要的就是float属性。
3.一切皆为框
div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。可以使用 display 属性改变生成的框的类型。通过将 display 属性设置为 block,可以让行内元素(比如 元素)表现得像块级元素一样。还可以通过把 display 设置为 none,让生成的元素根本没有框。这样的话,该框及其所有内容就不再显示,不占用文档中的空间。
你这是面试题嘛?
绝对定位是依赖于它的父元素,如果父元素没有定位,会向上,找它爷爷是否定位,以它最近的父辈元素来做定位
相对定位是相对于它本身来定位,一般适用于微调某个元素布局位置
浮动元素,可以让块级元素等在一行内展示,比如你左右布局两块儿,那你就可以采用浮动,把两个盒子放在一行,
浮动后的元素会脱离文档流,不占页面空间,导致父元素没有高度,也称父元素高度塌陷,有这种效果的,还有绝对定位,
也会导致父元素高度塌陷,清除浮动,就是让父元素的高度再回到它本身的数值,如果你不清楚浮动,那就会让下面的元素顶上来