SVG 100％文檔高度不起作用

我想用SVG圖像填充文檔，使用width =「100％」和height =「100％」屬性，我有height =「100％」在html和body標籤中，以及body（red）和svg（blue）的不同顏色。SVG 100％文檔高度不起作用

結果是一個完整的高度svg，但右側有一個滾動條，底部有一條紅色的細線（主體）。

¿如何在不使用滾動條的情況下使用svg填充文檔？謝謝。

代碼：

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>SVG full page</title> 
    <style> 
     html, body { 
     margin: 0; 
     padding: 0; 
     height: 100%; 
     background-color: #ff0000; 
     } 
    </style> 
    </head> 
    <body> 
    <svg width="100%" height="100%"> 
     <rect x="0" y="0" width="100%" height="100%" fill="#0000ff"></rect> 
    </svg> 
    </body> 
</html>

來源

2014-06-05 whizzo

的display: block; CSS屬性添加到SVG元素。

你可以在這裏看到一個演示：http://jsfiddle.net/VL6z3/

來源

2014-06-05 21:26:25

的工作，謝謝！ – whizzo

它的工作！但爲什麼，爲什麼我們必須這樣做呢？什麼使得svg標籤的行爲如此？ –

SVG 100％文檔高度不起作用

回答

相關問題