五哥12123 2022-01-27 15:46 采纳率: 50%
浏览 47
已结题

这样的css代码要实现两栏布局为什么网页是空白页?

这样的css代码要实现两栏布局为什么网页是空白页?

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>document</title>
    <link rel="stylesheet" type="text/css" href="lesson6.css">
</head>
<body>
        <div class="right"></div>
        <div class="left"></div>
</body>
</html>

*{
    margin:0;
    padding:0;
}

.right{
    position: absolute;
    right: 0;
    width: 100px;
    height: 100px;
    background-color: #fcc;
    opacity: 0.5; 
}

.left{    
    margin-right: 100px;
    height: 100px;
    background-color: #123;
}


  • 写回答

3条回答 默认 最新

  • 渣男 2022-01-28 03:04
    关注

    img


    样式直接放html时生效的 所以 大概率是你css路径有问题 检查一下
    试试加个 ./

    
        <link rel="stylesheet" type="text/css" href="lesson6.css">
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月5日
  • 已采纳回答 1月28日
  • 创建了问题 1月27日

悬赏问题

  • ¥15 对于这个复杂问题的解释说明
  • ¥50 三种调度算法报错 采用的你的方案
  • ¥15 关于#python#的问题,请各位专家解答!
  • ¥200 询问:python实现大地主题正反算的程序设计,有偿
  • ¥15 smptlib使用465端口发送邮件失败
  • ¥200 总是报错,能帮助用python实现程序实现高斯正反算吗?有偿
  • ¥15 对于squad数据集的基于bert模型的微调
  • ¥15 为什么我运行这个网络会出现以下报错?CRNN神经网络
  • ¥20 steam下载游戏占用内存
  • ¥15 CST保存项目时失败