从 div 标签 CSS 中删除滚动条答案

【问题标题】：Remove scrollbar from div tag CSS从 div 标签 CSS 中删除滚动条
【发布时间】：2014-08-17 16:02:43
【问题描述】：

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

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

<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

【问题讨论】：

看这张图片i.stack.imgur.com/d3EGa.png ...
我认为该错误已在 Chrome 37 中修复，无论如何我在 Chrome 38 中看不到滚动条。可能的解决方法是将 overflow="hidden" 添加到根 svg（在 logo.svg 中）。

标签： css svg

【解决方案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;
}

【讨论】：

您尝试使用哪种浏览器？
Google chrome v.36 ...查看此图片了解更多信息i.stack.imgur.com/d3EGa.png

【解决方案2】：

在 Firefox 中我看不到任何 srcollbar，但在 Chrome 和 IE 上却不一样。我对此进行了研究并尝试了一些方法，但滚动条仍在 Chrome 中。

我认为简单的徽标图片可以节省您的时间并解决问题。在 Photoshop 上制作带有徽标的圆圈 - 10 分钟。

示例 (HTML)：\

  <div id ="wrapper">
   <a class="logo" title="Company" href="home.html">
    <img alt="Company's logo" src="images/logo.png">
   </a>
  </div>

margin: 10px auto; 在 logo 类中，您就完成了。

【讨论】：