2010-11-09 93 views
0

我不能移動div內容。嘗試填充,保證金。可以用電話告訴我問題在哪裏? 這裏,示例代碼保證金,填充不工作在我的情況下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <HEAD> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
     <style> 
      .line1 
      { 
       background-color:#AAAAAA; 
       height: 100%; 
       width: 1px; 
       display: inline-block; 
      } 
      .line2 
      { 
       background-color:#CE5611; 
       height: 100%; 
       width: 1px; 
       display: inline-block; 
       margin-left: 121px; 
      } 
     </style> 
    </HEAD> 
    <body> 
     <div id="a1" style='padding-left: 14px;width: 400px; height:148px'> 
      <span style='display: inline-block'> 
       <div> 
        <div>h1.1</div> 
        <div>h1.2</div> 
        <div>h1.3</div> 
        <div>h1.4</div> 
        <div>h1.5</div> 
        <div>h1.6</div> 
        <div>h1.7</div> 
       </div> 
      </span> 
      <span class="line1"></span> 
      <span style='display: inline-block'> 
       <div>h2.1</div> 
       <div>h2.2</div> 
       <div>h2.3</div> 
       <div>h2.4</div> 
      </span> 
      <span class="line2"></span> 
      <span style='display: inline-block'> 
       <div>h3.1</div> 
       <div>h3.2</div> 
       <div>h3.3</div> 
       <div>h3.4</div> 
      </span> 
      <span class="line1"></span> 
     </div> 
    </body> 
</html> 
+2

什麼都的DIV?解釋我們進一步想要達到的內容 – Sotiris 2010-11-09 15:30:25

+1

爲什麼要保持div跨度內,它應該是相反的,跨度用於divs之間提供內聯....文本或圖像等使用塊元素...做任何保證金,填充東西 – kobe 2010-11-09 15:34:33

+0

不知道你想要什麼,但在你的代碼中有一些錯誤。根據您的Doctype 1)HEAD元素必須是小寫2)Div不能是一個跨度的孩子 – 2010-11-09 15:36:01

回答

2

您是否在尋找vertical-align:top;

+0

你認爲他的html佈局是好的,我認爲它錯了... ...在區間內的espicially div塊...你說什麼? – kobe 2010-11-09 15:41:25

0

這不是您的問題的答案,而是針對所有類似問題的通用解決方案。在您的Firefox中安裝Firebug並檢查所有元素,看看哪一個是有問題的。它顯示所選元素的邊距和填充,以便您可以快速檢測到它。

0

我認爲你應該改變佈局。

不要試圖在一個範圍內給divs,那不是一個好方法。

什麼H2.1,H2.2

如果你想列表顯示

,顯示UL或OL,orderred列表或undered名單..