爲什麼我右邊框旁邊有一個右邊距？

我有一個左和右框架。出於某種原因，我的框架右側有一個非常小的邊距。爲什麼我右邊框旁邊有一個右邊距？

我認爲原因是因爲我的右邊框寬度爲29％，左邊框的邊距爲70％。總共給它99％。但由於某種原因，當我將右側框架設置爲30％時，它位於右側框架下方。

任何人都可以請幫我，讓正確的框架將佔據整個屏幕尺寸與任何marging

謝謝！

下面是我的HTML代碼，並以實際的網站的鏈接（請勿這只是一個骨架模擬了另一個項目，我想實現這的。

http://15c04752.ngrok.com/sandbox/frames/

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 

<style> 

    body,html{ 
     margin: 0px; 
     padding: 0px; 
     height: 100%; 
     overflow: hidden; 

    } 
    iframe{ 

     height: 100%; 
     padding: 0; 
     margin: 0; 
    } 

    .left{ 
     border: 0; 
     padding: 0; 
    } 

    .right { 
     border: 0; 
     padding: 0; 
    } 


</style> 


</head> 
<body> 



<iframe class="left" width="70%" src="left_frame.html"></iframe> 

<iframe class="right" src="right_frame.html" width="29%" name="right_frame"></iframe> 


</body> 
</html>

來源

2014-09-30 elrado88

的這個問題的原因是兩幀之間的空白

有很多方法可以刪除它，註釋掉的白色空間是一個快速之一：

<iframe width="70%"></iframe><!-- 
--><iframe width="30%"></iframe>

OR（注意第一frame的結束>如何是下一行）

<iframe width="70%"></iframe 
><iframe width="30%"></iframe>

OR（由在彼此之後立即具有元件卸下白空間）

<iframe width="70%"></iframe><iframe width="30%"></iframe>

或者如果它是一個選項，則浮動元素，因爲浮動元素會將它們從父項的正常高度計算中取出。

<iframe width="70%"></iframe> 
<iframe width="30%"></iframe>

CSS：

iframe {float:left;}

或設置父的font-size，你的情況body，以0然後再設置回所需的價值爲孩子

來源

2014-09-30 18:37:11 Arbel

哇阿貝爾。我甚至沒有意識到這一點。我確實刪除了空白區域並將其設置爲30％，並且確實有效。我對此感到困惑的一件事是我認爲空白區域未在HTML中解析？ – elrado88 2014-09-30 18:42:17

白色空間在html中被解析，並且它被處理的方式可以由每個元素的空白屬性來控制。你所指的是默認行爲，它將標記中的空白或者html分解爲一個空格，然後將其視爲「空白：正常」。 – Arbel 2014-09-30 18:45:43

我明白你的意思了。說得通。謝謝你提供了一個很好的解釋！ – elrado88 2014-09-30 20:51:32

爲什麼我右邊框旁邊有一個右邊距？

回答

相關問題