小编Mik*_*ory的帖子

我有一个div [div1]围绕其他元素.在元素内部,我有一个绝对定位的图像.Div1和元素在它们上面留有浮动并且没有显示高度.有没有办法让这个主要整体div1有一个高度,所以其他元素,如页脚可以浮在它下面.

HTML

<div class="div1">
  <div> <img src="image1.jpg" /> </div>
  <div> <img src="image2.jpg" /> </div>
  <div> <img src="image3.jpg" /> </div>
</div>

CSS

.div1{
   width:100%;
   height:auto;
   overflow:auto;
   float:left;
   }
.div1 div{
   width:100%;
   height:auto;
   overflow:auto;
   float:left;
   }
.div1 div img{
   width:100%;
   height:auto;
   position:absolute;
   display:block;
   float:left;
   }

我刚开始使用Entypo font-face制作我的社交图标,但在IE8或更高版本中,它将字体显示为空框.我不知道我的代码或字体是否有问题.

@font-face {
font-family: 'entypo-social';
src: url('entypo-social.eot');
src: url('entypo-social.eot?#iefix') format('embedded-opentype'),
     url('entypo-social.woff') format('woff'),
     url('entypo-social.ttf') format('truetype'),
     url('entypo-social.svg#svgFontName') format('svg'); }


.social_font a{
font: 47px/20px 'entypo-social', Arial, sans-serif; }