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; 
}