将一个div居中，而另一个div浮动到右侧?

本文介绍了将一个div居中，而另一个div浮动到右侧?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是我的例子:

<div id="mainContainer">
     <div id="itemIWantToCenter"></div>
     <div id="itemIwantFloatedRight"></div>
</div>

mainContainerwidth宽度设置为100％. itemIwantFloatedRight宽度设置为300px.假设itemIWantToCenter的宽度为200px.当将另一个div浮动到容器中时，如何将div居中?谢谢！

The mainContainerwidth width is set to 100%. The itemIwantFloatedRight width is set to 300px. Let's say that the itemIWantToCenter has a width of 200px. How would I center that div while floating the other within the container? Thanks!

推荐答案

您应该使用课程的链接样式表...

You should use a linked stylesheet ofcourse...

<div id="mainContainer" style="width:100%; border:solid 1px red;">
  <div id="itemIwantFloatedRight" style="width:300px; border:solid 1px green; float:right">
     right
  </div>
  <div id="itemIWantToCenter" style="width:200px; border:solid 1px blue; margin:0 auto;">
     center
  </div>
</div>

这篇关于将一个div居中，而另一个div浮动到右侧?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！