如何對齊這個div出現在網頁的最右側？

CSS

/*---- CROSS BROWSER DROPDOWN MENU ----*/ 
ul#nav { 
    margin: 0 0 0 200px; 
} 
ul.drop a { 
    display:block; 
    color: #fff; 
    font-family: Verdana; 
    font-size: 14px; 
    text-decoration: none; 
} 
ul.drop, ul.drop li, ul.drop ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    border: 1px solid #fff; 
    background: #555; 
    color: #fff; 
} 
ul.drop { 
    position: relative; 
    z-index: 597; 
    float: left; 
} 
ul.drop li { 
    float: left; 
    line-height: 1.3em; 
    vertical-align: middle; 
    zoom: 1; 
    padding: 5px 10px; 
} 
ul.drop li.hover, ul.drop li:hover { 
    position: relative; 
    z-index: 599; 
    cursor: default; 
    background: #1e7c9a; 
} 
ul.drop ul { 
    visibility: hidden; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 598; 
    width: 195px; 
    background: #555; 
    border: 1px solid #fff; 
} 
ul.drop ul li { 
    float: none; 
} 
ul.drop ul ul { 
    top: -2px; 
    left: 100%; 
} 
ul.drop li:hover > ul { 
    visibility: visible 
} 
.style1 { 
    font-family: calibri; 
    font-size: 18px; 
    font-weight: bold; 
}

HTML

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> 
<ul class="drop" id="nav" name="nav"> 
    <li><a href='calls.php' class="style1">View Trends</a> 
    </li> 
    <!-- <li><a href='calls1.php?id= $date;&id1= $d; ' class="style1">View Trends</a></li>--> 
    <li><span class="style1">Run Decision Support System</span> 

     <ul> 
      <li><span class="style1"><a href="calls.php">Churn Prediction</a></li></span> 

       <li><span class="style1"><a href="calls.php">Customers Segmentization</a></li></span> 

     </ul> 
     <li><a href="#" class="style1">Run Expert System</a> 
     </li>

我想包括我每到這個導航條網頁，但希望這出現在頁面的右側...任何想法如何做到這一點？

來源

2013-07-01 Maryam Butt

看看[此帖]（http://stackoverflow.com/questions/4236151/how-to-make-a-div-always-float-on-the-screen-in-右上角） – Andri

你也應該看看你的html格式，你以某種方式打開標籤並用不同的順序關閉，

。現在的瀏覽器很聰明，錯誤寬容，但是在W3C編寫代碼規則，它總是一個不錯的選擇。 http://validator.w3.org/ – kawashita86

使用jsfiddle快速格式化代碼並檢測語法錯誤。它也可以幫助其他人快速弄清楚它的外觀如何http://jsfiddle.net/techunter/FUKpU/ – TecHunter

檢查小提琴link這裏http://jsfiddle.net/VWtLT/2/。在你的CSS中完成以下chagnes。

ul#nav {/*margin: 0 0 0 200px;*/} 
ul.drop { position: relative; z-index: 597; float: right; }

來源

2013-07-01 08:38:43

只需更新類，因爲我提以下

ul.drop { 
    float: right; 
    position: relative; 
    z-index: 597; 
    }

來源

2013-07-01 08:26:21

只要改變浮動DIV來right作爲展示如下

ul.drop {位置：相對; z-index：597; float：right; }

來源

2013-07-01 08:29:51

哇你的格式非常混亂，我建議在每行後打回車。但是，根據您的頭銜，我認爲解決的辦法是由浮動設置到右：

#id 
{ 
float:right; 
}

來源

2013-07-01 08:30:05 samrap

如何對齊這個div出現在網頁的最右側？

回答

相關問題