DIV標記保持使用100％寬度

我有一個div，其中包含包含輸入表的表單。問題是，即使設置爲220px（width：220px），div仍然使用寬度100％。DIV標記保持使用100％寬度

下面是截圖http://i.imgur.com/YtEzzuI.jpg?1

這裏是HTML去掉TRS和TDS

<div class="prikol_filter_div"> 
    <form name="arrFilter_form" action="" method="get" class="prikol_filter_form"> 
     <table class="data-table" cellspacing="0" cellpadding="2"> 
      <thead> 
       <tr> 
        <td colspan="2" align="center"> 
          <span class="prikol_filter_title">ПОДОБРАТЬ ПОДАРОК</span><hr> 
        </td> 
       </tr> 
      </thead> 
      <tbody>trs and tds</tbody> 
      <tfoot>trs and tds</tfoot> 
     </table> 
    </form> 
</div>

和CSS

.prikol_filter_div { 
    margin: 0px; 
    display: block; 
    width: 220px; 
} 

.prikol_filter_form { 
    margin-bottom: 40px; 
    width: 222px; 
    background-color: #c3150d; 
    border-radius: 4px; 
    position: relative; 
    right: 17px; 
}

沒有施加其他的CSS樣式。

來源

2014-11-14 Randomius

你試過width：222px！important; ?? – jrenk

藍色區域是'div's'width'橙色區域顯示它是一個'block'元素，以便它後面的任何元素都將在新行中。如果這是不可取的，你可能想嘗試浮動'div'。 –

剛剛嘗試過。仍然是100％的寬度。 – Randomius

不是。它使用您分配的220px。

你的檢查員也告訴你這個藍色高亮顏色。

您所看到的是您的檢測員突出顯示其他突出顯示的區域是「保留」的，因爲div的樣式類似於block。（這是黃色高亮）

這意味着，如果你給div鄰居元素，下面將進行定位該div。

如果你不希望它保留這個空間，使用display:inline-block;

看看這個JsFiddle爲例與display:inline-block;

來源

2014-11-14 09:12:02

這是正確的，我強調它表明空間是由該div。 – Randomius

它顯示它需要'220px'（藍色突出顯示的顏色）。它也告訴你，該行的其餘部分被保留（黃色），因爲你告訴它顯示爲一個「塊」 –

問題通過給予_display：inline-block; _解決，DIV使用100％寬度和給DIV，假設要帶上這個空的空間（DIV和照片上的鞋子）。 – Randomius

-1

它不能寬度問題，給看看這個鏈接

[http://jsfiddle.net/vipinraunchhela/toos9k96/][1]

所有的代碼是在它和它的工作很好，如果你仍然有一個問題，只是一個屬性添加到您的DIV 溢出：隱藏;這將隱藏所有正在離開它的數據。他們可能是一個原因，如果你有定義div屬性寬度：100％！重要;這可能是原因。如果你不能找出你可以使用的問題width：220px！important; 它不是一個好的做法，但暫時你可以使用它。

來源

2014-11-14 09:36:26

.prikol_filter_div { 
    margin: 0px; 
    display: block; 
    width: 220px!Important; 
} 

.prikol_filter_form { 
    margin-bottom: 40px; 
    width: 222px!Important; 
    background-color: #c3150d; 
    border-radius: 4px; 
    position: relative; 
    right: 17px; 
}

來源

2014-11-14 10:03:13

在stackoverflow上不鼓勵使用代碼解答。解釋代碼的作用和解決問題的方式總是更好。這有助於未來的用戶。 –

DIV標記保持使用100％寬度

回答

相關問題