<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
<分区>
编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem .这将有助于其他人回答问题。
关闭 7 年前。
大家好,我对 div 的位置有疑问。
我使用 float: left
制作了两个 div。
但是当我最小化窗口时,第二个 div 超过了第一个 div,这很糟糕!
我该怎么办?
我希望 div 不重叠...
这是链接:
https://jsfiddle.net/p25zrpke/1/
<style>
body{margin:0;paffing:0;border:1px solid black;}
#first{width:10%;float:left; border:1px solid black;}
#second{width:50%;float:left;border:1px solid black;}
</style>
</head>
<body>
<div id="first">
<p>Descrizione</p>
<p>Galleria</p>
<p>Locali consigliati</p>
<p>Camere</p>
<p>Albergo</p>
</div>
<div id="second">
Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.
</div>
谢谢,抱歉我的英语不好...
最佳答案
将 word-wrap: break-word;
添加到您的 CSS。工作完成:)
关于html - 为什么窗口最小化时div在另一个div之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35095880/