2016 - 2024

感恩一路有你

div根据内容自动调整高度 初学用div布局,为什么有的块会重叠在一起?

浏览量:2820 时间:2021-03-11 19:05:25 作者:admin

初学用div布局,为什么有的块会重叠在一起?

Div无法控制布局。将类添加到div,然后定义CSS。Div positioning CSS样式的位置包括static、absolute和relative static:默认值。没有特殊的定位,对象遵循HTML绝对定位规则:从文档流中拖动对象,并使用left、right、top、bottom和其他属性,相对于具有最多定位设置的最近父对象绝对定位。如果没有这样的父对象,它将基于body对象。Z索引属性用于定义相对(相对定位):对象不能层叠,但会根据左、右、上、下等属性在正常文档流中偏移

我不知道你的具体效果是什么。通常情况下,div重叠是因为div的嵌套没有很好地完成,最好是进行定位(让div像foalt属性一样浮动,您可以设置左浮动或右浮动)。有时不在其中添加内容,如果不设置宽度和高度,div将重叠。一般来说,这就是原因

因为你的第一个div给了你绝对的定位位置:绝对

因此绝对定位div不再在流中。去掉绝对定位。

我不知道你为什么要写这样的风格。没有必要使用绝对定位法顶部:30px或保证金-顶部:30px至实现

-----------------------------------------------------------------UL Li问题:上面提到的ulli的问题主要是因为HTML中的元素UL有默认的边距和填充值。一般来说,在编写页面时,会有CSS重置,即清除一些元素的默认边距和填充值,否则会影响以后的页面布局。在您的示例中,只需清除代码前面的内边距填充。建议同时清除边距值。如果需要单独添加,方法如下:

UL{填充:0边缘:0}

div根据内容自动调整高度 如何让两个div不重叠 cssci

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。