如何在不使用绝对/相对定位的情况下实现布局？
这是我当前使用绝对/相对定位实现的布局：
http://jsfiddle.net/keruilin/xB8Bt/50 /
长话短说，使用绝对/相对定位会导致内容无法在 JavaScript 弹出窗口中正确显示。
在不使用绝对/相对定位的情况下，还有什么其他方法可以实现布局？
Here's my current layout achieved using absolute/relative positioning:
http://jsfiddle.net/keruilin/xB8Bt/50/
To make a long story short, the use of absolute/relative positioning is causing the content not to display properly in a JavaScript pop-up.
What other way can I achieve the layout without using absolute/relative positioning?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果我只是删除所有
position:absolute;和position:relative;布局不会发生实质性变化（也许一些边距和填充会稍微调整一下，但这很容易补救）。这些元素保持在相同的基本位置。这是因为您已经设置了
float: left;和clear: Both;将元素定位在其所属位置所需的规则。除非此示例与实际标记相比过于简化，否则您在删除绝对/相对定位时应该不会遇到任何问题。
If I simply remove all the
position: absolute;andposition: relative;the layout does not change substantially (perhaps some margins and padding are tweaked a bit, but that's easily remedied). The elements stay in their same basic locations.This is because you've already got in place the
float: left; andclear: both;rules required to position elements where they belong.Unless this example is oversimplified from the real markup, you shouldn't have any trouble stripping out the absolute/relative positioning.