当两个div一个固定，一个不固定，但不换行的解决办法

最新推荐文章于 2021-06-10 02:50:44 发布

柒柒柒。

最新推荐文章于 2021-06-10 02:50:44 发布

阅读量568

点赞数

本文链接：https://blog.csdn.net/sctzkj/article/details/47629149

版权

 
 方法1： 
 
<!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" />
<style type="text/css">
*{margin:0;padding:0;}
.left {float:left;width:200px;background-color:#ff0;height:500px;}
.right {background-color:#f00;height:500px;margin-left:200px;}
</style>
<title>My First Blog</title>
</head>
<body>
    <div class="left">left</div>
    <div class="right">right</div>
</body>
</html> 
 
 方法2： 
 
  <!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"  
  /> 
 
  < 
  style  
  type 
  = 
  "text/css" 
  > 
 
  *{margin:0;padding:0;} 
 
  body #lay{ 
 
  width:800px; 
 
  background-color:#ccc; 
 
  } 
 
  .left { 
 
  float:left; 
 
  width:200px; 
 
  background-color:#ff0; 
 
  height:500px; 
 
  } 
 
  .right { 
 
  background-color:#f00; 
 
  height:500px; 
 
  } 
 
  </ 
  style 
  > 
 
  < 
  title 
  >My First Blog</ 
  title 
  > 
 
  </ 
  head 
  > 
 
  < 
  body 
  > 
 
  < 
  div  
  id 
  = 
  "lay" 
  > 
 
  < 
  div  
  class 
  = 
  "left" 
  >left</ 
  div 
  > 
 
  < 
  div  
  class 
  = 
  "right" 
  >right</ 
  div 
  > 
 
  </ 
  div 
  > 
 
  </ 
  body 
  > 
 
  </ 
  html 
  >

柒柒柒。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
当两个div一个固定，一个不固定，但不换行的解决办法

方法1：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">*{margin:0;padding:0;}.left {float:left;width:200px;background-c
复制链接

扫一扫