我見過的最奇怪的CSS問題

下面我有一個div的2個CSS代碼，請注意，第一個甚至沒有在網頁上的任何div或任何與它的名字。我也可以將它重命名爲任何東西。我見過的最奇怪的CSS問題

現在，怪異的部分進來了。下面的代碼的第二位有520px的寬度，唯一的方法，在頁面上的div將是520px是如果我離開的CSS代碼多數民衆贊成在第一，第一一個在頁面上沒有現有的div必須在第二個CSS代碼工作的頁面上，起初我認爲它必須是一個瀏覽器緩存問題，所以我清除了我的緩存，並且什麼都不做，然後我嘗試了另外兩個瀏覽器和他們都有相同的結果。

我將第一位代碼添加到頁面中，第二位工作，我把第一位拿走，第二位不起作用。 AM我在這裏忽略了什麼？

.commentwrappsdfsde2{width:950px;margin:0 0;padding:0;} 

.commentwrapper{width:520px;margin-right:auto;margin-left:auto;}

這裏是整個頁面代碼

<style> 
<!-- css for user photos--> 
div.imageSub img.female { border-top: 1px solid #FF3399; } 
div.imageSub img.male { border-top: 1px solid #3399FF; } 
div.imageSub img { z-index: 1; margin: 0; display: block; } 
div.imageSub div { 
    position: relative; 
    margin: -15px 0 0; 
    padding: 5px; 
    height: 5px; 
    line-height: 4px; 
    text-align: center; 
    overflow: hidden; 
font-family:Trebuchet MS,Helvetica,sans-serif; 
font-size:12px; 
font-weight: bold; 
} 
div.imageSub div.blackbg { 
    z-index: 2; 
    background-color: #000; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: alpha(opacity=70); 
    opacity: 0.5; 
} 
div.imageSub div.label { 
    z-index: 3; 
    color: white; 
} 
<!-- end photo block--> 
/* Comments */ 
.commentwrappsdfsde2{width:950px;margin:0 0;padding:0;} 
.commentwrapper{width:520px;margin-right:auto;margin-left:auto;} 
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; } 
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } 

#comments ul.children li ul.children,#comments .commentlist{padding:0;} 
</style> 

<div class="commentwrapper"> 
<div id="comments"> 
    <ol class="commentlist"> 
    <li class="comment thread-even " > 
    Comment 1 
    </li> 
    </ol> 
</div> 
</div>

來源

2009-08-18 JasonDavis

難道是邊際：0 0;位在第一個CSS類？當你刪除該屬性會發生什麼？ – Kirtan 2009-08-18 12:21:04

似乎不是 – JasonDavis 2009-08-18 12:21:58

我不能在FF 3.5中重現此操作。 – balpha 2009-08-18 12:23:05

我斗膽猜測是正確的在此之前，第一個是畸形的，也就是CSS有錯誤的語法，就像缺少一個右括號。在這種情況下，語句可能會跳過，直到下一個有效的右括號。你的無意義語句「糾正」了語法，所以沒有它，.commentwrapper語句會被跳過。

來源

2009-08-18 12:22:34 deceze

我認爲你是對的，謝謝 – JasonDavis 2009-08-18 12:27:38

我見過的最奇怪的CSS問題

回答

相關問題