土拨鼠1号 2021-06-22 09:33 采纳率: 59.4%
浏览 52
已采纳

有个前端CSS的问题,想请教一下

css能实现这样的需求么,给某个DIV的宽度设置成这种不定长的?

  • 写回答

3条回答 默认 最新

  • 风雪一更 2021-06-22 09:55
    关注

    你要的宽度其实就是总宽度的一半+1200的一半,设置宽度为width: calc(50% + 600px);就可以了,代码供参考:

    <!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title></title>
    	<style type="text/css">
    		*{
    			margin: 0;
    			padding: 0;
    			list-style: none;
    		}
    		.box1{
    			width: 1200px;
    			height: 100px;
    			background: lightblue;
    			margin: 0 auto;
    		}
    		.box2{
    			width: calc(50% + 600px);
    			height: 100px;
    			margin-top: 20px;
    			background: lightcoral;
    		}
    	</style>
    </head>
    <body>
    	<div class="wrap">
    		<div class="box1"></div>
    		<div class="box2"></div>
    	</div>
    </body>
    </html>

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥20 Html备忘录页面制作
  • ¥15 黄永刚的晶体塑性子程序中输入的材料参数里的晶体取向参数是什么形式的?
  • ¥20 数学建模来解决我这个问题
  • ¥15 计算机网络ip分片偏移量计算头部是-20还是-40呀
  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?
  • ¥30 NIRfast软件使用指导
  • ¥20 matlab仿真问题,求功率谱密度
  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 django5安装失败