元素定位浮动和改变窗口大小
我制作了一个简单的网站,并且很高兴我很少使用 div 元素。我无法解释为什么我不喜欢使用 div,我就是不喜欢。话虽这么说,我有两个并排的元素,当浏览器缩小时,元素会一个一个地折叠到另一个元素下面(这是一个段落,旁边有一个图像,以便于绘图)。
除了使用相对位置和调整像素或将元素包装在 div 中之外,还有其他方法可以防止两个浮动元素在浏览器屏幕缩小时改变位置吗?
I have made a simple website and am happy witht he fact that I have had minimal use of div elements. I cannot explain why I do not like using divs, I just dont. That being said I have 2 elements side by side and when the browser shrinks the elements collapse one under the other (it's a paragraph with an image next to it, for ease of picturing).
Other than using position relative and adjusting pixels or wrapping the elements in divs is there a way to prevent two floated elements from changing position when the browser screen shrinks?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以在这两个元素的容器上设置最小宽度。如果它们不在 div 中,请记住
也可以具有此最小宽度
you could have a min-width on the container of those two elements. and if they aren't in a div, remember that
<body>
can also have this min-width尝试在容器上给出宽度,例如两个元素都说
<类=“元素容器”>为了将彼此重叠的两个元素分开。
Try to give a width on the container for exampleboth the elements for example say
< class="element-container"> in order to seperate both the elements overlaying on each other.