五哥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 k8s生产配置推荐配置及部署方案
  • ¥15 matlab提取运动物体的坐标
  • ¥15 人大金仓下载,有人知道怎么解决吗
  • ¥15 一个小问题,本人刚入门,哪位可以help
  • ¥15 python安卓开发
  • ¥15 使用R语言GD包一直不出结果
  • ¥15 计算机微处理器与接口技术相关问题,求解答图片的这个问题,有多少个端口,端口地址和解答问题的方法和思路,不要AI作答
  • ¥15 如何根据一个截图编写对应的HTML代码
  • ¥15 stm32标准库的PID角度环
  • ¥15 ADS已经下载好了,但是DAS下载不了,一直显示这两种情况,有什么办法吗,非常急!