拉伸 div 以适应间隙
我正在开发一个新的作品集网站，其菜单如下所示： http://cl.ly/9rJ7 徽标和三个按钮绝对定位并具有固定宽度（稍后将通过 JavaScript 动画进行更改）。 因此，右侧的 div 应该完全适合第三个按钮和浏览器右边缘之间的间隙（如屏幕截图所示）。
我已经尝试过给它一个 100% 的宽度，一个 left:700px 的位置，给父 div 一个溢出：隐藏，但这对我来说似乎不是正确的 css，因为溢出在某些情况下不起作用浏览器。 有什么建议吗？
I'm working on a new portfolio site which has a menu that looks like this: http://cl.ly/9rJ7
The Logo and three buttons are positioned absolute and have a fixed width (which will be changed by animation with javascript later).
The div to the right should therefore fit exactly into the gap between the third button and the browsers's right edge (as seen the screenshot).
I've already tried to give it a width of 100%, a position of left:700px and the parent div an overflow: hidden, but this doesn't seem like correct css to me, since the overflow doesn't work in some browser.
Any suggestions?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试
position:absolute;左：700 像素；右：0。可以同时设置
left和right属性。Try
position:absolute; left:700px; right:0.It's fine to set both the
leftandrightproperties.如果将左侧元素向左浮动，然后添加一个 margin-left: 700 的 div，它应该填充右侧的剩余空间。
If you float your left elements left, then add a div with margin-left: 700, it should fill the remaining space to the right.