使用CSS強制DIV覆蓋整行

我正在使用生成3個div標籤的框架。這三個div標籤覆蓋頁面上的一行。它看起來像第一個div覆蓋了25％的行，2個div覆蓋了該行的25％，第三個div覆蓋了該行的50％。我有機會到第三格是利用CSS類，看起來像這樣：使用CSS強制DIV覆蓋整行

.dataTables_processing { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    min-width: 125px; 
    margin-left: 0; 
    padding: 7px; 
    text-align: center; 
    color: #333; 
    font-size: 13px; 
    border: 1px solid #ddd; 
    background-color: #eee; 
    vertical-align: middle; 
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); 
}

有什麼辦法來修改這個類，使之覆蓋整個行？

enter image description here

來源

2014-09-13 SharpCoder

可能只是一個錯字，但類有一個'在他們的CSS名前.'，但你的它沒有代碼。 – SeinopSys 2014-09-13 09:16:53

您是否嘗試添加'width：100％'並刪除'left：50％'？ – SeinopSys 2014-09-13 09:19:58

「覆蓋整行」。你的意思是隻有第三個div應該存在？ – Varun 2014-09-13 09:22:51

嘗試增加：

position:absolute; 
left:0; 
width:100%;

來源

2014-09-13 09:33:31 Varun

試試這個

display: block; 
width: 100%; 
min-width: 100% !important;

來源

2014-09-13 09:20:29

嘗試，但沒有任何運氣:( – SharpCoder 2014-09-13 09:39:12

@SharpCoder你使用smth像twitter bootstrap？ – 2014-09-13 09:40:28

我正在使用jquery datatable。隨着改變你建議改變'位置：絕對！重要;'幫助。 – SharpCoder 2014-09-13 09:46:28

使用CSS強制DIV覆蓋整行

回答

相關問題