html - 为什么窗口最小化时div在另一个div之上

标签 html css

<分区>


关闭 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>

I've google chrome

谢谢,抱歉我的英语不好...

最佳答案

word-wrap: break-word; 添加到您的 CSS。工作完成:)

关于html - 为什么窗口最小化时div在另一个div之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35095880/

上一篇:CSS 覆盖被忽略

下一篇:html - 超大屏幕内的垂直形式

相关文章:

php - 将 html 保存在数据库中而不进行清理然后像 stackoverflow 一样在代码标记中显示它是否安全?

html - 居中标题元素不起作用

javascript - 引用错误: funcion is not defined

css - 是否可以设计新的 Facebook 页面插件的样式?

jquery - 获取字体的值(value)并进行存储?

html - FireFox 中不显示内容属性

javascript - 视差滚动效果停留在原地而不是移动

css - 将 block 级元素定位在同一行

css - 下拉选择大纲 - 无法删除 :(

html - 确保 div 占据整个视口(viewport)