Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 绝对定位的Div允许后面的Div。_Html_Css - Fatal编程技术网

Html 绝对定位的Div允许后面的Div。

Html 绝对定位的Div允许后面的Div。,html,css,Html,Css,首先我写了标题,后面是mainimgdiv。后来,当我添加示例div时,它位于mainimgdiv后面。有人能告诉我为什么示例div位于图像后面吗 * { 保证金:0; 填充:0; } .导航标志{ 高度:100px; 显示:块; } @仅介质屏幕和最小宽度:1017px{ .导航标志img{ 高度:90px; 宽度:300px; 显示:内联块; 左侧填充:40px; 边缘顶部:5px; } } @仅介质屏幕,最大宽度:1016px{ .导航标志img{ 边缘顶部:5px; 高度:90px;

首先我写了标题,后面是mainimgdiv。后来,当我添加示例div时,它位于mainimgdiv后面。有人能告诉我为什么示例div位于图像后面吗

* { 保证金:0; 填充:0; } .导航标志{ 高度:100px; 显示:块; } @仅介质屏幕和最小宽度:1017px{ .导航标志img{ 高度:90px; 宽度:300px; 显示:内联块; 左侧填充:40px; 边缘顶部:5px; } } @仅介质屏幕,最大宽度:1016px{ .导航标志img{ 边缘顶部:5px; 高度:90px; 宽度:300px; 显示:内联块; 左:35%; } } @仅介质屏幕,最大宽度:1016px{ .标志ul{ 浮动:对; 左缘:5%; 右边距:15%; 边缘顶部:10px; 列表样式类型:无; } } @仅介质屏幕和最小宽度:1017px{ .标志ul{ 浮动:对; 右边填充:25px; 边缘顶部:10px; 列表样式类型:无; } } .标志ul li a{ 显示:内联块; 文字装饰:无; 填充:25px; 颜色:暗灰色; 字体系列:“蒙特塞拉特”,无衬线; 字号:18px; } .导航标志ul li{ 浮动:左; } .导航{ 背景色:18181a; 宽度:100%; 溢出:自动; } .nav ul li a:悬停{ 颜色:bf0949; 过渡延迟:0.05秒; 过渡时间:0.3s; } 梅因先生{ 位置:绝对位置; 显示:块; } .Themaing{ 位置:相对位置; 左边距:自动; 右边距:自动; 页边顶部:自动; 高度:自动; 宽度:100%; 显示:块; 最大宽度:100%; 最大高度:700px; } .看{ 位置:绝对位置; 左:46%; 最高:80%; 字体系列:“蒙特塞拉特”,无衬线; 边界:无; 填充:15px; 颜色:暗灰色; 边界半径:5px; } 设计网页设计,平面设计 了解更多 下一个div出现在主图像下方
您将“mainimg”设置为位置:绝对,绝对从不在页面上显示sapce。您必须从mainimg中删除位置:绝对:

.mainimg {
  /*position: absolute;*/
  display: block;
}
或者,如果需要position:absolute,则将其与一些相对div一起放置