css - 从 div 标签 CSS 中移除滚动条

Question

我设置了一个带有背景的div标签作为svg文件。但是它显示了滚动条..

http://codepen.io/anon/pen/vbkgw

这是代码...我想删除滚动条...

<div id="c"></div>

#c
{
width: 100px;
  height: 100px;
  border-radius:50%;
  background: url('http://www.festember.com/14/images/temp/Header/logo.svg');
  display: block;
  margin: 10px auto;
  border:1px solid tomato;
  background-size:100px 100px;
}

图片::

http://i.stack.imgur.com/d3EGa.png

Answer 1

如果您有滚动条，请包含此 css

overflow:hidden;

所以你的类看起来像

#c
{
  width: 100px;
  height: 100px;
  border-radius:50%;
  background: url('http://www.festember.com/14/images/temp/Header/logo.svg');
  display: block;
  margin: 10px auto;
  border:1px solid tomato;
  background-size:100px 100px;
  overflow:hidden;
}

更新:它可能不适用于有图像的容器，因此需要用另一个 div 将其包装起来

<div id ="wrapper">
  <div id="c"></div>
</div>

和CSS

#wrapper {
   overflow:hidden;
}

#c
{
width: 100px;
  height: 100px;
  border-radius:50%;
  background: url('http://www.festember.com/14/images/temp/Header/logo.svg');
  display: block;
  margin: 10px auto;
  border:1px solid tomato;
  background-size:100px 100px;
}