css自动宽度浮动问题

发布于 2024-12-05 03:58:25 字数 698 浏览 0 评论 0原文

请查看这张图片

CSS Problem

<body>
   <div class="main>
      <div class="left">blah blah </div>
      <div class="right">blah blah </div>
      <div style="clear:both"></div>
   </div>
</body>

CSS 部分:

 .main{min-width:1200px}
    .left{width:400px ; height:auto ; float:left }
    .right{width:auto ; height:auto ;float:left }

希望朋友们,您已经从图片中得到了一个想法。请帮我。

我动态地将数据插入到 right div 中,当其宽度超过 800px 时,它会从左侧 div 向下插入。但我想要一个水平滚动条来查看内容。一种解决方案可能是从右 div 中删除 float:left。但它仍然会引起问题。

Please check out this image

CSS Problem

<body>
   <div class="main>
      <div class="left">blah blah </div>
      <div class="right">blah blah </div>
      <div style="clear:both"></div>
   </div>
</body>

CSS part:

 .main{min-width:1200px}
    .left{width:400px ; height:auto ; float:left }
    .right{width:auto ; height:auto ;float:left }

I hope friends, you have got an idea from the image. Please help me.

I am dynamically inserting data into right div and when its width exceeds 800px, it comes down the left div. But instead of that I want a horizontal scrollbar to view the content. One solution may be, removing float:left from right div. But still it causes problem.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

为人所爱 2024-12-12 03:58:25

在浮动元素上, height:auto 表示内容的高度(浮动元素的默认高度)。尝试高度:100%

on floated elements, height:auto means the height of the content (the default for floated elements). try with height:100%

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文