下边的页面是我想要的效果,但是css中定义.maindiv的时候如果去掉高度设置就变形了
怎么不设置高度还能达到这个显示效果呢
<html>
<head>
<style type="text/css">fieldset {
margin-left: auto;
margin-right: auto;
width: 598px;
border: 1px solid #ddd;
overflow:auto;
}.maindiv {
margin-top:10px;
margin-left:10px;
margin-right:10px;
padding:10px 10px;
background-color:white;
height:160px;
}
.maindiv .leftpic {
float: left;
width:115px;
height:150px;
background-color:#dcdcdc
}
.maindiv .rightdetail{
float:right;
margin-right:3px;
}
div .commenttitle{
float:left
}
div .comment {
float:right
}
</style> </head>
<body bgcolor=#F5F5F5 >
<fieldset>
<div class=maindiv>
<div class=leftpic >
</div>
<div class=rightdetail>
欢迎加入海内!在这里可以讨论我们的生活学习感情快乐烦恼一切一切 ^_^...
</div>
</div><div class=maindiv>
<div class=leftpic >
</div>
<div class=rightdetail>
欢迎加入海内!在这里可以讨论我们的生活学习感情快乐烦恼一切一切 ^_^...
</div>
</div> </fieldset>
</body>
</html>
怎么不设置高度还能达到这个显示效果呢
<html>
<head>
<style type="text/css">fieldset {
margin-left: auto;
margin-right: auto;
width: 598px;
border: 1px solid #ddd;
overflow:auto;
}.maindiv {
margin-top:10px;
margin-left:10px;
margin-right:10px;
padding:10px 10px;
background-color:white;
height:160px;
}
.maindiv .leftpic {
float: left;
width:115px;
height:150px;
background-color:#dcdcdc
}
.maindiv .rightdetail{
float:right;
margin-right:3px;
}
div .commenttitle{
float:left
}
div .comment {
float:right
}
</style> </head>
<body bgcolor=#F5F5F5 >
<fieldset>
<div class=maindiv>
<div class=leftpic >
</div>
<div class=rightdetail>
欢迎加入海内!在这里可以讨论我们的生活学习感情快乐烦恼一切一切 ^_^...
</div>
</div><div class=maindiv>
<div class=leftpic >
</div>
<div class=rightdetail>
欢迎加入海内!在这里可以讨论我们的生活学习感情快乐烦恼一切一切 ^_^...
</div>
</div> </fieldset>
</body>
</html>
结贴时都不知道发帖的原因了
o(∩_∩)o...哈哈