Heim >Web-Frontend >HTML-Tutorial >div层重叠 posion:absolute_html/css_WEB-ITnose
div层重叠 posion:absolute_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:23:341277Durchsuche
divcss div层重叠 div css div层重叠
<body><!--第一部分--> <div style="position:absolute;left:0px;width:100%;height:200px;"> <img src="bg_test123.jpg" style="max-width:90%" style="max-width:90%"/ alt="div层重叠 posion:absolute_html/css_WEB-ITnose" > </div><!--第二部分--> <div style="float:left;width:300px;height:400px;"> <img src="bg_test123.jpg"/ style="max-width:90%" alt="div层重叠 posion:absolute_html/css_WEB-ITnose" > </div> <div style="float:left;width:300px;height:400px;"> <img src="bg_test123.jpg"/ style="max-width:90%" style="max-width:90%" alt="div层重叠 posion:absolute_html/css_WEB-ITnose" > </div> <div style="float:left;width:300px;height:400px;"> <img src="bg_test123.jpg"/ style="max-width:90%" style="max-width:90%" alt="div层重叠 posion:absolute_html/css_WEB-ITnose" > </div> </body>
为什么第二部分的内容会被第一部分的内容遮挡，有什么解决方案？
回复讨论(解决方案)
给第二部分div加上:position:relative
谢谢 ，非常感谢你的帮助！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：js控制button点击问题_html/css_WEB-ITnoseNächster Artikel：求助~为什么<input>的type=text不能响应回车键？已添加submit_html/css_WEB-ITnose