首页 > 代码库 > display: table; 100%的宽度
display: table; 100%的宽度
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } .box1 { display: table; } .box2 { display: table-cell; border: 1px solid #000; } .box3 { width: 1%; display: table-cell; background-color: red; } /* box3 = 1% 得出 box2 = 99% box3 = 32px box2 = 32 * 99 = 3168 body 1366 得出 box2 = body - box3 = 1366 - 32 = 1334 */ </style></head><body> <div class="box1"> <div class="box2">box2</div> <div class="box3">box3</div> </div></body></html>
display: table; 100%的宽度
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。