这样的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;
}

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


    <link rel="stylesheet" type="text/css" href="lesson6.css">

看下css文件引入，路径文件名正确不

你的position结合top或者bottom试一下呢