div内的文字绝对定位之后,为什么还是在图片的下面?

图片描述

<div class="profit_model">
        <img  src="/ehouse/img/item/town/profit_model_1.png" id="profit_model_1">
        <img  src="/ehouse/img/item/town/profit_model_2.png" id="profit_model_2">
        <div id ="text_1">
        仅做土地一级开发,直接获利;进行一级土地开发,同时通过其他模式(如补贴方案等),享受升值收益结构。
        
        </div>
        <div id ="text_2">
        包括六大房产结构:一居所地产、商铺型地产、客栈公寓型地产、二居所地产(周末)、三居所地产(度假)、养老地产。通过享受
        回收经营等方式形成限售运营模式
        </div>
        <div id ="text_3">
        一是特色产业项目开发,包括科教文卫等产业事业导入及产业园、孵化园等产业本身开发;而是旅游产业项目开发(如主体公园)
        、休闲消费聚集项目(如休闲商街)、夜间休闲聚集项目(如水秀表演等);通过项目的运营获得收益。
        </div>
        <div id ="text_4">
        两大产业链:泛旅游产业链和特色产业链;两大产业链相互支撑,构建区域产业生态圈,包括金融、教育、居住人群、城市化机构和政府政策等
        </div>
        <div id ="text_5">
        城市服务:公共交通服务、社会服务等;
        城市管理:城市智能化管理、政府政策等;
        城市配套:银行、学校、医院等;
        </div>
<div>
#text_1{
    width: 500px;
    position: absolute;
}
阅读 5.5k
8 个回答

你看到文字的重叠部分了吧,只设置position:absolute;只是让#text_1脱离了文档流,至于偏移的位置要有top,right,left,bottom来控制。w3cschool position中讲的很明白,position:absolute,是元素脱离了文档流,元素还在原来的位置。元素的偏移位置要用top等控制 。

要给#text_1 设置一个top值啊,

父级relative了吗,还有top,left这些值呢

。。 常用样式都不知道怎么用啊,兄弟,多看看书

父级设置position:relative,定位元素要设置left,top值决定定位的位置

新手上路,请多包涵

我们如果使用absoulte或fixed定位的话,必须指定 left、right、 top、 bottom 属性中的至少一个,否则left/right/top/bottom属性会使用它们的默认值 auto ,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递,简单讲就是都变成relative,会占用文档空间

多看看基础知识,感觉你是才学的。如果用绝对定位,其有父元素。父元素最好用上相对定位。

新手上路,请多包涵

父级元素class='profit_model'使用relative定位,子元素class='text_1'设置top,right,bottom,left。

推荐问题