小编use*_*275的帖子

我在这个页面上工作:http://www.insidemarketblog.com/test-4/

你会看到"test"这个词在div左边浮动,而图像在div中浮动.

如果你调整它的大小,你会看到左边的div漂浮在顶部,而div漂浮在右下方.

你怎么能颠倒那个顺序？所以div漂浮在左下方,div向右浮动.我所做的一切似乎都没有用.

HTML:

<div class="main_header">
<div class="banner_left">
<p>test</p>
</div>
<div class="banner_right">
<img src="http://www.insidemarketblog.com/wp-content/uploads/2014/04/oz_main3.jpg">
</div>
</div>

CSS:

.main_header {
    background: none repeat scroll 0 0 #2B3443;
    border: 1px solid #FFFFFF;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
}
.banner_left {
    float: left;
}
.banner_right {
    float: right;
}

我正在尝试使用css在悬停时创建一个上线效果.我到目前为止的内容如下.这是我遇到的问题,在线直接出现在文本上方.我希望它们有一些空间.这是我的网站:http://baycity2014.weebly.com,这是我想要的效果:http://www.hartlevin.com.有什么建议？

CSS:

#nav-wrap .container {
    clear: both;
    overflow: hidden;
    position: relative;
}

#nav-wrap .container {
    /*background:url(nav-bg-medium.jpg) repeat-x top;*/
    /*height:45px;*/
}

#nav-wrap .container ul {
    list-style: none;
}

#nav-wrap .container ul li {
    list-style: none;
    float: left;
    /* background:url(nav-saperator-medium.jpg) no-repeat right;*/
    padding-right:2px;
}

#nav-wrap .container ul > li:first-child a,
#nav-wrap .container ul > li:first-child a:hover,
#nav-wrap .container ul span:first-child li a,
#nav-wrap .container ul span:first-child li a:hover{
    border-radius:5px 0px 0px 5px;
}

#nav-wrap …

我正在水平滚动，但仅在Mac Safari上。我无法在其他地方复制该问题，并且很难进行故障排除（为此，我通常在Firefox上使用Firebug）。

该网址是

http://getinjuryanswers.com 

我很乐意粘贴代码，但我什至不确定要定位的代码。

对于任何反馈，我们都表示感谢。

谢谢。