0

我完全不知道为什么我不能将搜索框对齐到左边

搜索和 RSS 提要在测试页面上对齐：

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

因为它在主页上（用图片而不是 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;
}
4

3 回答 3

0

我正在查看两者的 CSS，与http://scottjaxon.com/devsite/index.html的 CSS 相比，我在您的 CSS 中看到的唯一不同之处是：

#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-11T02:30:25.720 回答
0

您的 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-11T02:59:36.920 回答
0

这可能是一个优先级问题。使用div#searchhome将赋予它更高的优先级。

于 2012-08-11T03:46:40.677 回答