Div继续无尽地向右

我得到了以下问题。Div继续无尽地向右

我有类似这样的jsfiddle设计：

http://jsfiddle.net/k3EUx/

我想股利endless继续无休止的权利，就像如果你使用的是宽度100％。问题在于它的左侧应该有一个徽标，所以我不能使用该属性。有没有办法做到这一点，而不只是制作一个真正宽的股利，并把它放在绝对位置？

我需要这个，因为网站本身是1008px宽，但菜单只是继续向右，所以如果你有一个大屏幕（比如1080），这将自动扩展。

（我假设你必须把包装外的格，但我不知道从哪里开始，使这项工作）

来源

2011-11-28 OptimusCrime

两个div用'浮动：left'和'浮动：right'在同一容器将__not__工作，漂浮在双方都没有可能。简单地从无尽的移除浮动属性，并将菜单移出包装，它应该工作（据我了解你的问题）。 – Viruzzo

我厌倦了将div从包装中移出，就像你所说的那样，并将宽度应用为100％。问题在于徽标和菜单不会并排浮动。请参阅：http://jsfiddle.net/k3EUx/10/（@Viruzzo） – OptimusCrime

“删除无限的浮动属性”，该部分是必不可少的。 – Viruzzo

你在找什么因为是液体/固定布局（如果您想要一些额外的例子，您可以通过谷歌这些条款）。

你可以尝试这样的CSS：

#header 
{ 
    height: 50px; 
    background-color: #666; 
    margin-bottom: 10px; 
} 

#nav 
{ 
    float: left; 
    width: 180px; 
    height: 150px; 
    background-color: #999; 
    margin-bottom: 10px; 
} 

#content 
{ 
    margin: 0 30px 10px 210px; 
    height: 150px; 
    background-color: #999; 
} 

#footer 
{ 
    clear: both; 
    height: 50px; 
    background-color: #666; 
    margin-bottom: 10px; 
}

找到here

来源

2011-11-28 13:14:46 JMax

我一直在阅读你的文章，并发现在这里工作的东西：http：//www.maxdesign.com.au/articles/liquid/liquid-sample2/。亲自查看：http://jsfiddle.net/k3EUx/11/。秘诀是在无尽的div上没有浮动，并删除float-right属性。非常感谢。 – OptimusCrime

很高兴你最终弄明白了。感谢您在评论中发布更新的链接。 – JMax

肮脏的修复：

#endless { 
    position: absolute; 
    left: 99px; 
    right: 0; 
}

来源

2011-11-28 13:09:05

是的，这就是我解决以前的类似问题的方法。我希望这次避开它。 – OptimusCrime

我明白了什么：

你需要有DIV ID- “没完没了”，使其覆盖整个包装的宽度。

如果我已经明白这个问题好了，你可以参考这个：http://jsfiddle.net/k3EUx/6/

来源

2011-11-28 13:18:14 Kangkan

我需要div id'endless'来在右侧填充屏幕100％。如果你在一个元素上设置宽度为100％，它将从一边到另一边填满整个屏幕。我可以使用它，问题在于菜单只位于屏幕的右侧，左侧标有宽度。 – OptimusCrime

我不明白。您可以添加描绘结构的图像。 – Kangkan

Div继续无尽地向右

回答

相关问题