当窗口最小化时,为什么div高于另一个div

时间:2016-01-29 23:20:52

标签: html css

嘿伙计们我对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

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

1 个答案:

答案 0 :(得分:2)

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