将HTML页面分成两半,没有重叠

概述我想将我的 HTML页面分成两列宽度相等的列,这样每一半就像一个页面一样,它的内容不会进入另一半.我做了浮动：左转为#left而浮动：右转为#right,但内容重叠到另一半.我怎样才能实现目标？ <div id="content"> <div id="left"></div> <div id="right"></div></div> 你应该将两列都浮动到左边.对于您在评论中报告的问题,请 我想将我的 HTML页面分成两列宽度相等的列,这样每一半就像一个页面一样,它的内容不会进入另一半.我做了浮动：左转为#left而浮动：右转为#right,但内容重叠到另一半.我怎样才能实现目标？

<div ID="content">  <div ID="left"></div>  <div ID="right"></div></div>

解决方法 你应该将两列都浮动到左边.对于您在评论中报告的问题,请使用word-wrap：break-word;但也不要使用长度为90个字的假字,除了一些威尔士村以外,任何人类语言都不存在.芬兰语和德语有很长的话,但仍然.请改用lorem ipsum.网址仍然很长.

这是一个演示：http://jsfiddle.net/xZJyE/

HTML：

<div ID="content">  <div >left</div>  <div >lorem ipsum</div></div>

CSS：

HTML {    Font-size: 62.5%;}body {    background-color: white;    color: black;    Font-family: helvetica,arial,sans-serif;    Font-size: 1.4em; /* equiv 14px */    line-height: 1.5; /* adapt to your design */}/* you shall not pass */div,textarea,table,td,th,code,pre,samp {    word-wrap: break-word;}.left {    float: left;}.w50 {    wIDth: 50%;}

总结

以上是内存溢出为你收集整理的将HTML页面分成两半,没有重叠全部内容，希望文章能够帮你解决将HTML页面分成两半,没有重叠所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。