保证金的权利不起作用

有人可以帮我解决这个问题http://jsfiddle.net/q4rdL/2/ 我正在做一个菜单，下一个和上一个按钮一个浮动权利，另一个左边，我增加了一个宽度100％的高度100％前和明年的div之间，保证金左正常工作保证金权并不在所有保证金的权利不起作用

在这里工作是代码：

<div id="menu" style ="width : 100% ; height:50px ; border : 2px solid red ; position : absolute ; top:0 ; display : none" > 
      <div id="pre" style ="height:100% ; width: 50px ; border :1px solid green ; float :left ; left:0 "><</div> 
      <div id="menuContent" style="width:100% ; height:100% ; border : 5px solid green ; position:absolute; margin-left :60px ;" > </div> 
      <div id="next" style ="height:100% ; width: 50px ; border :1px solid green ; float :right ; right:0 ; position:absolute ">></div> 
      </div> 
      <div id="show_hide" style ="width : 100% ; height:70px ; position : absolute ; top:0" ></div>

的问题是如何使利润率正确工作，为什么它这个？

来源

2012-06-05 Mina Gabriel

哪里保证金权应该是什么？我没有在OP或小提琴中看到它。 –

给我几分钟看看你的代码，我会发现你的问题。 –

@MarkM我更新它， –

试试这个http://jsfiddle.net/q4rdL/32/

我一些DIV删除宽度100％和改变“位置”，解决方案可以被拉伸到任何分辨率

来源

2012-06-05 13:18:46 alhimikst

这可以工作，但你不能使用高度：100％，因为边界。高度仅占了div内的空间，所以div的内部被设置为100％，并且它还有另外10px的边界来改变它的位置。它与宽度属性相同。除此之外，我喜欢这个。 –

这里是一个更正的：[JS小提琴]（http://jsfiddle.net/q4rdL/39/） –

感谢您的纠正 – alhimikst

至于我可以看到你要删除的位置是：绝对的ID为我试图清理你的HTML一些，并将其移动到非内联CSS元素=“下一步”

来源

2012-06-05 12:56:06

没有做任何事情 –

请看看下面的小提琴：http://jsfiddle.net/q4rdL/12/不要看主要内容部分，但下一个和prev的定位。 –

。

HTML：

<div id="menu"> 
    <div id="pre"><</div> 
    <div id="menuContent"></div> 
    <div id="next">></div> 
</div> 
<div id="show_hide"></div>

CSS：

#menu { 
    width: 100%; 
    height: 50px; 
    border: 2px solid red; 
} 

#pre { 
    height: 100%; 
    width: 3%; 
    border: 1px solid green; 
    float: left; 
    padding-left:7px; 
} 

#menuContent { 
    float:left; 
    width: 90%; 
    height: 100%; 
    border: 5px solid green; 
} 

#next { 
    height: 100%; 
    width: 3%; 
    border: 1px solid green; 
    float: right; 
    padding-left:7px; 
} 

#show_hide { 
    width: 100%; 
    height: 70px; 
    position: absolute; 
    top:0; 
}

Live DEMO

来源

2012-06-05 13:10:58

如果你的意思是把右边距为潜水与menuContent，你必须改变的width它降低，100％意味着y的宽度我们的观点和利润将被添加，所以您将有一个水平滚动浏览器。

试试这个：

<div style="height: 100%; border: 5px solid green; position: absolute; width: 90%; margin: 0pt 58px;" id="menuContent"> </div>

在另外我真的不知道你正在尝试做的，但我希望你有想法，我的回答对你有帮助。

编辑：哦，我改变menu相对位置，看到此链接：http://css-tricks.com/absolute-positioning-inside-relative-positioning/

来源

2012-06-05 13:12:36

我试过我自己的版本，不使用浮动。它都被定位为绝对。我删除了菜单div上的width: 100%，因为它会因为您的边框而始终关闭2px。而不是有一个改变其宽度的div，我只是使用position: absolute; left: 50%; margin-left: -<half the size of #menuContent>来集中它。所以如果#menuContent是500px然后margin-left: -250;。让我知道你的想法：JS Fiddle

来源

2012-06-05 13:25:13

-1

在我看来，如果你改变结构会更好;检查这个Fiddle了。

HTML：

<div id="menu"> 
    <table width="100%" cellspacing="0" cellpadding="0"> 
     <tr> 
      <td id="pre">    
       < 
      </td> 
      <td id="menuContent">    

      </td> 
      <td id="next">    
       > 
      </td> 
     </tr> 
    </table> 
</div>

CSS：

#menu { 
    width : 100% ; 
    height:50px ; 
    border : 1px solid red ; 
    top:0 ; 
} 

#pre, #next { 
    width: 50px; 
} 

#menu td { 
    border : 1px solid red ; 
    height: 50px; 
    vertical-align: middle; 
    text-align: center; 
}

来源

2012-06-05 13:29:17

保证金的权利不起作用

回答

相关问题