CSS重寫：爲什麼搜索框不是正確的？

搜索和RSS測試頁上對齊全部損失：

http://scottjaxon.com/devsite/testnivo48.html

，因爲它是主頁（用pic代替nivo滑塊） http://scottjaxon.com/devsite/index.html

我不明白。我得錯過最小的東西！

#wrapper #user1 #feahome #searchhome { 
float: right; 
color: #FFFFFF; 
height: 22px; 
margin-top: 8px; 
padding: 0px 20px 0px 20px;

或者它與NivoSlider CSS？

.nivoSlider { 
position:relative; 
width:100%; 
height:auto; 
overflow: hidden; 
} 
.nivoSlider img { 
position:absolute; 
top:0px; 
left:0px; 
} 
.nivo-main-image { 
display: block !important; 
position: relative !important; 
width: 100% !important; 
}

來源

2012-08-11 ScottJaxon

您的index.html和testnivo48.html具有不同的dom結構。

index.html中，該feahome div標籤是rsshome和searchhome div標籤的父母;但在testnivo48.html中，它們都處於同一水平。

這就是爲什麼下面的CSS規則（在http://scottjaxon.com/devsite/css/style.css）大幹快上的index.html應用，但忽視了testnivo48.html

#wrapper #user1 #feahome #searchhome { 
    ... 
}

在修復HTML，您的問題可能會得到解決。

來源

2012-08-11 02:59:36

是的！這樣可行！回到我的基礎！ – ScottJaxon 2012-08-11 05:22:39

http://scottjaxon.com/devsite/testnivo51.html – ScottJaxon 2012-08-11 05:24:01

我一直在尋找的CSS兩個，我看到那是在你的 CSS相比，CSS爲http://scottjaxon.com/devsite/index.html不同的唯一事情是這樣的：

#wrapper #user1 #feahome #searchhome { 
float: LEFT; // the working version has it floated left as well 
color: #FFFFFF; 
height: 22px; 
margin-top: 8px; 
padding: 0px 20px 0px 20px;

給它一個鏡頭，看看如果有效的話。

來源

2012-08-11 02:30:25 Cynthia

這可能是一個優先級問題。使用div#searchhome將賦予它更高的優先級。

來源

2012-08-11 03:46:40

CSS重寫：爲什麼搜索框不是正確的？

回答

相關問題