当#content内容比较多的时候，右侧的#links就会被挤走，怎么处理呢
日期：2014-05-17 浏览次数：20748 次
当#content内容比较多的时候，右侧的#links就会被挤走，怎么办呢？
当#content内容比较多的时候，右侧的#links就会被挤走。content不会自动折行，怎么来改进呢，什么原因呢？谢谢大家！代码如下
------解决方案--------------------
#content
定义一个宽度，然后加个overflow:hidden;
当#content内容比较多的时候，右侧的#links就会被挤走。content不会自动折行，怎么来改进呢，什么原因呢？谢谢大家！代码如下
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body{
margin:0px;
padding:0px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;}
#container{
position:relative;
width:100%;
}
#banner{
height:80px;
border:1px solid #000;
text-align:center;
background-color:#a2d9ff;
padding:10px;
margin-bottom:2px;
}
#content{
float:left;
padding-right:200px;
background-color:#0033CC;
}
#links {
float:left;
width:200px;
text-align:center;
border:1px solid #000;
margin-left:-200px;
text-align:center;
background-color:#0099CC;
}
#foot{
clear:both;
text-align:center;
height:30px;
border:1px solid #000;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="content"></div>
<div id="links">links<br />
links<br />
links<br />
links<br />
links<br />
links<br />
</div>
<div id="footer"></div>
</div>
</body>
</html>
------解决方案--------------------
#content
定义一个宽度，然后加个overflow:hidden;
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
