【Html 页面布局】 

float:left方式布局
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>页面直播测试</title>
</head>
<body>
    <div id="top" style="width:100%;height:100px">
        <div style="width:100%;height:100%;background-color:lightcoral"></div>
    </div>
    <div style="width:100%;height:1000px">
        <div id="left" style="width:10%;height:1000px;background-color:lightgreen;float:left;"></div>
        <div id="right" style="width:90%;height:1000px;background-color:lightgray;float:left;">
            <!--<iframe style="width:100%;height:1000px;" id="channelId" src=""></iframe>-->
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        //$(function () {
        //    let iframe = window.document.getElementById("channelId");
        //    iframe.allow = "microphone;camera;midi;encrypted-media;";
        //});
    </script>
</body>
</html>

 

posted @ 2020-02-05 15:02  一只桔子2233  阅读(168)  评论(0)  编辑  收藏  举报