问:我有css:
#tabdiv {
边距:10px;
边框:1px实线#fff;
内边距:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#tabdiv .item {
float:left;
边框:1px实线#fff;
内边距:10px;
宽度:200像素;
高度:100px;
}
和
<div id =“ tabdiv”>
<div class =“ item”>
项目01
</ div>
<div class =“ item”>
项目01
</ div>
<div class =“ item”>
<div id =“ tabdiv”>的高度不是自动=高度<div class =“ item”>
请帮助我解决。
答:<style type =“ text / css”>
#tabdiv {
//边距:10px;
边框:1px实线#fff;
填充:0px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
边框:1px纯黑色;
边距:5px;
}
/ *。item {
float:left;
边框:1px实线#fff;
填充:0px;
宽度:200像素;
高度:100px;
边框:1px黑色点缀;
边距:5px;
} * /
.item
{
border:1px点缀为黑色;
宽度:200像素;
高度:120像素;
向左飘浮;
边距:10px;
}
</ style>
<div id =“ tabdiv”>
<div class =“ item”>
项目01
</ div>
<div class =“ item”>
项目01
</ div>
<div class =“ item”>
项目01
</ div>
<div class =“ item”>
项目01
</ div>
<div style =“ clear:both;”>
</ div>
===>添加<div style =“ clear:both;”> < / div>完成最后一个<div class =“ item”> </ div>之后。
它将把所有<div class =“ item”> </ div>填充为向左浮动。
试试吧.....