我设置了overflow属性为hidden后为什么一整块div都显示不出来了
<styletype="text/css">*{margin:0;padding:0;}#all{width:80%;margin:10pxauto;text-align...
<style type="text/css">
*{margin:0; padding:0;}
#all{width:80%; margin:10px auto;text-align:center;font-weight:300;
font-size:20px;position:relative;}
#pic{width:400%; position:absolute; top:0;}
.each{width:25%; float:left; overflow:hidden;}
.each img{width:100%;}
.dot_line{width:100%;
height:30px;
position:absolute;
top:400px;
left:0;
text-align:center;
cursor:pointer;}
.dot_line li{width:6px;
height:6px;
border-radius:6px;
background:#000;
display:inline-block;
margin:0 5px;}
.dot_line .on{background:#f00;}
</style>
</head>
<body>
<div id="all">
<div id="pic">
<div class="each">
<img src="img01.jpg" />
</div>
<div class="each">
<img src="img02.jpg" />
</div>
<div class="each">
<img src="img03.jpg" />
</div>
<div class="each">
<img src="img04.jpg" />
</div>
</div>
<ul class="dot_line">
<li class="on"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
我的程序是这样的 在#all里加个overflow为hidden后所有东西都显示不出来了 试问为什么 展开
*{margin:0; padding:0;}
#all{width:80%; margin:10px auto;text-align:center;font-weight:300;
font-size:20px;position:relative;}
#pic{width:400%; position:absolute; top:0;}
.each{width:25%; float:left; overflow:hidden;}
.each img{width:100%;}
.dot_line{width:100%;
height:30px;
position:absolute;
top:400px;
left:0;
text-align:center;
cursor:pointer;}
.dot_line li{width:6px;
height:6px;
border-radius:6px;
background:#000;
display:inline-block;
margin:0 5px;}
.dot_line .on{background:#f00;}
</style>
</head>
<body>
<div id="all">
<div id="pic">
<div class="each">
<img src="img01.jpg" />
</div>
<div class="each">
<img src="img02.jpg" />
</div>
<div class="each">
<img src="img03.jpg" />
</div>
<div class="each">
<img src="img04.jpg" />
</div>
</div>
<ul class="dot_line">
<li class="on"></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
我的程序是这样的 在#all里加个overflow为hidden后所有东西都显示不出来了 试问为什么 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询