width:100%的div,分左右两栏,如何控制窗口缩小时div不换行
<!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自适应窗口宽度
div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢,下面为大家介绍下如何设置div+CSS设置一行内文字超过宽度不换行且不显示
div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决.rar
div100%平铺 浏览器缩小或在手机上查看 div背景显示不全bug的解决,亲测有效!
CSS实现图片等比例缩小不变形的实例代码
主要介绍了CSS实现图片等比例缩小不变形,通过实例代码给大家介绍了css控制图片大小不变形的相关知识,需要的朋友参考下吧
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


