CSS浮動在jQuery UI標籤

Question

在我的選項卡菜單中，我試圖放入CSS浮動。但每次我用css樣式表中的id來放置圖像時，它都不在標籤內部？

這是我的html：

<div id="tabs"> 
    <ul> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="about.html">About</a></li> 
    <li><a href="units.html">Units</a></li> 
    <li><a href="student work.html">Student Work</a></li> 
    <li><a href="survey.html">Survey</a></li> 
    <li><a href="excursions.html">Excursions</a></li> 
    <li><a href="vc.html">Vocational Certificate</a></li> 
    <li><a href="contact.html">Contact Us</a></li> 
    </ul> 
    <div> 
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante.</p> 
    <img id="div1" src="images/The_Best_Dog_Breeds_18262_10912.jpg" width="800" height="473" /> 
    </div> 
</div> 

而且我的CSS：

#div1 {float: right; 
     clear: both; 
} 

#div2 {float: left; 
     clear: both; 
} 

惱人的事情是，我必須有一個單獨的樣式表的CSS，所以我不能把任何在我的HTML文件中的CSS。

Answer 1

嗯，看來你首先做：

clear: both; 

如果您嘗試交換他們兩個人會發生什麼事？：：

float: right; 

在這之後，你清楚，立即與設置

#div1 { 
    clear: both; 
    float: right; 
} 

#div2 { 
    clear: both; 
    float: left; 
}