特定的CSS代碼不工作

-2

雖然我正在爲網站寫一個CSS，但我發現我的CSS的某些部分沒有按預期工作。發生了什麼事情是，在一個具有最高特異性的選擇器中，當我試圖調整元素的寬度或邊距時，它沒有改變。但是，在同一個選擇器中，其他屬性可以毫無問題地進行調整。特定的CSS代碼不工作

e.g.:-藉此選擇

.get-touch { 
    text-decoration: none; 
    margin: auto; 
    margin-top: 35px; 
    color: #fff; 
    width: 200px; 
}

這適用於一個按鈕，我想增加其寬度。即使我將寬度更改爲500px，寬度也不會改變。然而。對其他屬性的任何修改都會反映在瀏覽器上。

在這裏，我附上了文件，我特別的CSS文件，它帶來的問題： - https://drive.google.com/open?id=0B1CjX_FVqdRjWGRkS3NLOG9tTEE

怎麼能出現這種情況，我能做些什麼來防止這樣的問題？

來源

2017-04-24 Kavinda Keshan Rasnayake

你能提供完整的代碼嗎？ –

@ ZhenyaTelegin只有CSS。好嗎？ –

是的。以及使用get-touch類的部分:) –

.get-touch { 
    display: inline-block; /* Add this */ 
    text-decoration: none; 
    margin: auto; 
    margin-top: 35px; 
    color: #fff; 
    width: 200px; 
}

正如你所提到button大小是不給它width後甚至改變，這意味着您將您的CSS的inline元素，所以瀏覽器無法呈現其box-model上。添加一個display:inline-block屬性將使其工作。

來源

2017-04-24 11:49:58

特定的CSS代碼不工作

回答

相關問題