1

我是 HTML/CSS 的新手，也是这个下拉菜单的新手。我试着放在align="right"它的 div 容器上，但什么也没发生。它只是让我的标题看起来杂乱无章。

菜单应该位于蓝色水平线的顶部和徽标下方。起初它是有组织的，直到我对 header.html 进行了更改以创建一个下拉菜单。

这是我的 HTML 代码：

HTML

CSS：

* {
    font-family: verdana,sans-serif; 
}

div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    border-collapse: collapse;
    position: relative;
    min-height: 90%;
    height: auto !important;
    height: 90%;
    margin: 0;
    min-width:800px;
    width: 800px;
}

#left-panel, #right-panel {
        border-collapse: collapse;
        display:inline-block;
        width:30em;
        height:100%;
        margin:0px;
        min-width:100px;
        background:white;
        overflow:hidden;
}
.header {
    margin: 0 auto;
    width: 800px;
    height: auto;
    border-collapse: collapse;
}

.footer, .push  {
    width:800px;
    height: 40px;
    clear: both;
    margin: 0 auto 0;
}

p.copyright {
    font-weight: bold;
    text-align: center;
}

.text-image{
    width:533px;
    height:321px;
    background-image: url('images/about-cti.jpg'); 
    background-position: 350px 250px; 
}

.a {
        text-align: left;
        font-family: verdana;
        font-size: 11pt;
        text-decoration: none; 
        color : #000000;
} 
<!--Navigation-->
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu ul ul {
  display: none;
  position: absolute;

  left: -1px;
  min-width: 100%;
  text-align: center;  
  *width: 100%; /* IE7 hack*/
}
#cssmenu li:hover ul {
  display: block;
}
<!--End of Navigation-->
4

3 回答 3

2

尝试

#cssmenu{
    float:right;
}

并删除

align="right"
于 2013-07-13T10:23:41.150 回答
1

我认为你的 CSS 都搞砸了。现在给：

#cssmenu {
 float:right;
}

对于下面的 div（带边框：折叠），请给出：

clear:both;

我想，这就是你想要的样子。

于 2013-07-13T10:35:07.793 回答
0

试试这个

http://jsfiddle.net/DWqsH/

float:right add在这below class

#cssmenu {
float:right;

}
于 2013-07-13T10:25:20.500 回答