css自动宽度浮动问题
请查看这张图片
<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
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在浮动元素上, height:auto 表示内容的高度(浮动元素的默认高度)。尝试高度:100%
on floated elements, height:auto means the height of the content (the default for floated elements). try with height:100%