width:100%的div,分左右两栏,如何控制窗口缩小时div不换行

misadancer misadancer 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
.top{width:100%;height:25px; }
.top .left{margin-left:200px;float:left;height:25px;width:350px;border:1px solid red;}
.top .right{width:440px;height:25px;float:right;border:1px solid red;}
</style>
</head>



<body>
<div class="top">
<div class="left">左边的</div>
<div class="right">右边的</div>
</div>
</body>
</html>



样式如上,

窗口一缩小右边的div就自动跑到下面来了,如何解决?

上层的top加确定宽度可以解决,但是我需要占满屏幕的。

调一天了,郁闷 ~~~~~~~
...全文

相关推荐

css+div自适应窗口宽度

css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度

chjw8221

div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...

当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢,下面为大家介绍下如何设置div+CSS设置一行内文字超过宽度不换行且不显示

weixin_38630324

div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决.rar

div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决,亲测有效!

zihan0321

CSS实现图片等比例缩小不变形的实例代码

主要介绍了CSS实现图片等比例缩小不变形,通过实例代码给大家介绍了css控制图片大小不变形的相关知识,需要的朋友参考下吧

weixin_38723810

JS实现用键盘控制DIV上下左右+放大缩小与变色

用键盘控制DIV,红色方块为键盘操作区域,您可以进行如下操作:   上:↑ 下:↓ 左:← 右:→   Ctrl + 1 : 背景变为绿色   Ctrl + 2 : 背景变为黄色   Ctrl + 3 : 背景变为蓝色   Ctrl + ↑ : 放大   Ctrl + ↓ : 缩小 用键盘控制DIV html,body{overflow:hidden;} body{margin:0;padding:0;} pre{color:green;padding:10px 15px;background:#f0f0f0;border:1px dotted #333;font:12px/1.5

weixin_38571992
评论 6
收藏 已收藏
分享
返回顶部
misadancer
CSS 61,117 成员 60,701 内容