肖胡萝卜 2023-04-18 18:50 采纳率: 77.8%
浏览 17
已结题

html外边距怎么弄?

#怎么让红色把两边填满,还有上面也不要露出来,好像是外边距和外边框的事,求教怎么弄

img

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="applicable-device" content="pc,noblie">
    <title>Name</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <style>
        body { background-color:rgba(214, 214, 214, 0.445); }/*灰色背景*/
        ul li { list-style: none; }
        .topbar {
            width: ;
            height: 66px;
            background-color: red;/*纯白底white*/
        }
    </style>
</head>
<body>
    <div class="topbar"></div>
</body>
</html>

  • 写回答

2条回答 默认 最新

  • 乘风xs 2023-04-18 18:57
    关注

    使用通配符,将所有元素的margin和padding都设置为0,去掉浏览器默认的margin和padding

    
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="applicable-device" content="pc,noblie">
        <title>Name</title>
        <meta name="keywords" content="">
        <meta name="description" content="">
        <style>
          *{
              margin: 0;
              padding: 0;
          }
            body { background-color:rgba(214, 214, 214, 0.445); }/*灰色背景*/
            ul li { list-style: none; }
            .topbar {
                width: ;
                height: 66px;
                background-color: red;/*纯白底white*/
            }
        </style>
    </head>
    <body>
        <div class="topbar"></div>
    </body>
    </html>
     
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月26日
  • 已采纳回答 4月18日
  • 创建了问题 4月18日

悬赏问题

  • ¥15 echarts动画效果失效的问题。官网下载的例子。
  • ¥60 许可证msc licensing软件报错显示已有相同版本软件,但是下一步显示无法读取日志目录。
  • ¥15 Attention is all you need 的代码运行
  • ¥15 一个服务器已经有一个系统了如果用usb再装一个系统,原来的系统会被覆盖掉吗
  • ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时,终端显示出了sequence handled的进度条,但是并不出结果就自动终止回到命令提示行了是怎么回事:
  • ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
  • ¥30 关于<main>标签页面跳转的问题
  • ¥80 部署运行web自动化项目
  • ¥15 腾讯云如何建立同一个项目中物模型之间的联系
  • ¥30 VMware 云桌面水印如何添加