首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

浮动DIV可以自动延长吗?解决方案

2012-03-01 
浮动DIV可以自动延长吗?!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.1//EN http://www.w3.org/TR/xhtml11/DT

浮动DIV可以自动延长吗?
<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.1//EN "   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">
<html   xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "   />
<meta   name= "Author "   content= "willko "   />
<meta   name= "Keywords "   content= "留言板,guestbook,helloguestbook "   />
<meta   name= "Description "   content= "过客留言 "   />
<style   type= "text/css ">
.info   {
border-right:   1px   solid   #ccc;
float:   left;
width:   150px;
text-align:   center;
margin:   5px   0;
}

.content   {
float:   right;
width:   620px;
margin:   5px   0;
}
</style>

<title> 留言板   -   HelloGuestbook </title>
</head>

<body>
<div>
<div   class= "info "> <p> sdfsda </p> </div>
<div   class= "content "> <p> fda <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> <br   /> fdafdasf </p> </div>
</div>
</body>
</html>

当类content里的内容很长的时候,类info的右边框怎样才能自动延长呢?

[解决办法]
在有float的情况下,除非不设置宽

热点排行