级联样式表浮动

-1

在下面的代码中，我想对齐内容div中的文本，右边的一个，靠近边界，离导航菜单不远处我知道这是由于我的导航菜单向左飘浮，但我无法做到！级联样式表浮动

   <div style="position:relative; top:10px; float:left; border: 1px blue dashed; width:150px"> 
       <ul> 
        <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="index.html">Home</a></li> 
        <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="Listings.html">Listings</a></li> 
        <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="Financing.html">Financing</a></li> 
        <li style="margin-top:2px; padding-bottom:15px; list-style-type:none"><a href="contact.html">Contact</a></li> 
       </ul> 
      </div> 
      <div style="position:relative; top:10px; border: 1px red dashed; left:155px; width:800px; min-height:600px"> 
       test 
      </div>

来源

2012-09-30 joe

像陈庆所提到的，你可以删除 “左：155px;”从你的内容div，但这会影响你的边界落在哪里。然后你可以做的是将相同的div浮动到左边。

因此，改变这种：

<div style="position:relative; top:10px; border: 1px red dashed; left:155px; width:800px; min-height:600px">test</div>

要这样：

<div style="float:left; position:relative; top:10px; border: 1px red dashed; width:800px; min-height:600px">test</div>

来源

2012-09-30 00:23:24 Mike

i cqn清除要清除的内容：既可以是正确的，也可以是在菜单开始后垂直开始的内容 – joe

您不希望将“清除”应用于菜单，因为它会导致你提到的问题。只要删除“左”声明，并添加一个“float：left”到内容div，你应该在你想要的位置。如果您将要添加的页脚放在下面，那么请使用“clear：both” – Mike

，效果非常好，谢谢Mike – joe

减少left:155px到left:10px或者你可以完全删除这个属性。

更新：

，你只需要设置position:absolute

检查出来：http://jsfiddle.net/2dcPE/7/

来源

2012-09-30 00:17:46

我想的导航菜单的内容外出现，就好像你显示我的代码，但文字接近边框 – joe

乔，检查出来的人http://jsfiddle.net/2dcPE/7/ –

我会避免“position：absolute”方法。如果OP想要在路上添加页脚或更多元素，则会产生各种问题。在这样的情况下，我会将它放在相对位置，然后对任何后续页脚元素或应该落在内容div自然流动之下的东西应用“clear：both”。 – Mike

试试这个

<div style="float:left; top:10px; border: 1px red dashed; width:800px; min-height:600px"> 
      test 
     </div>

来源

2012-09-30 00:30:46 Afshin

级联样式表浮动

回答

相关问题