好 耶 2022-08-01 21:14 采纳率: 60.9%
浏览 21
已结题

圣杯布局不加right也能实现

问题遇到的现象和发生背景

我看网上的都要给右元素加了right才是对的显示,但是我自己尝试写了又不用加,不知道是什么情况

问题相关代码,请勿粘贴截图
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
  </head>
  <style>
    body{
      min-width: 1000px;
    }
    .a{
      height: 300px;
      float: left;
      position: relative;
    }
    .wrapper{
      padding: 0 300px 0 200px;
    }
    #center{
      background-color: tomato;
      width: 100%;
    }
    #left{
      background-color: aqua;
      width: 200px;
      margin-left: -100%;
      left: -200px;
    }
    #right{
      background-color: aquamarine;
      width: 300px;
      margin-right: -300px;
    }
  </style>

  <body>
    <div class="wrapper">
      <div class="a" id="center"></div>
      <div class="a" id="left"></div>
      <div class="a" id="right"></div>
    </div>
  </body>
</html>

运行结果及报错内容

img


这是不加right运行出来的,也是对的呗

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-08-02 08:28
    关注

    不加right样式?你加到a类了,所以right不加也行

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 8月16日
  • 已采纳回答 8月8日
  • 创建了问题 8月1日

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。