Div占用了额外的空间

时间：2013-11-16 04:19:41

标签： javascript jquery html css svg

嗨我有一个div里面有一个svg.i尝试使用firebug但是没有声音解释为什么div占用了额外的空间而不是svg的高度。

请查看屏幕截图。

火狐：

div高度宽度 enter image description here

svg身高

enter image description here

现在看一下镀铬屏幕截图

DIV enter image description here

SVG enter image description here

我有点新，所以我不明白如何解决这个问题

3 个答案:

答案 0 :(得分：2)

将css插入地图ID

如果你能修改map div，只需使用内联样式

element.style {
   clear: both;
   display: block;
   height: 615px !important;
   overflow: hidden;
}

否则创建内部css 

#map{
clear: both !important;
   display: block !important;
   height: 615px !important;
   overflow: hidden !important;
}

答案 1 :(得分：0)

您只需添加文档类型即可。 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

答案 2 :(得分：0)

对于我的knoladge，SVG iks仍然是浏览器的“黑客”。它往往忽略你的宽度和高度参数。我们的页面上有类似的问题（mybbeye.com）。我们无法解决它，所以我建议只是在png图像中转换SVG图形。有了这个，至少你可以完全控制宽度和高度。

此外，如果你的SVG来自苹果KeyNote，请注意这个软件是坏的：它为每个字母添加字体和大小类

意味着评论:)

相关问题
最新问题