铁柱%* 2021-05-10 17:27 采纳率: 87.5%
浏览 20
已采纳

html css

html css
  • 写回答

1条回答 默认 最新

  • 代码的灵魂是bug! 2021-05-10 18:01
    关注
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <style type="text/css">
            html,body{
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div style="width: 1200px;height: 100%;margin: 0 auto;display: flex;flex-direction: column;">
            <div style="display: flex;flex-direction: row;width: 100%;height: 80px;justify-content: space-between;">
                <div style="background-color: red;width: 200px;height: 100%;text-align: center;">logo</div>
                <div style="background-color: #000;width: 150px;height: 50px;"></div>
            </div>
            <div style="width: 100%;height: 50px;background-color: green;text-align: center;margin-top: 5px">导航条</div>
            <div style="width: 100%;flex: 1;display: flex;margin-top: 10px">
                <div style="width: 300px;height: 100%;text-align: center;display: flex;flex-direction: column;">
                    <div style="background-color: #48D1CC;text-align: center;height: 33%">客户服务</div>
                    <div style="background-color: #48D1CC;text-align: center;height: 33%;margin:10px 0;">精彩视频</div>
                    <div style="background-color: #48D1CC;text-align: center;height: 33%">征信系统共享成员</div>
                </div>
                <div style="flex:1;height: 100%;margin-left: 10px;margin-right: 10px;">
                    <div style="background-color: #00BFFF;text-align: center;height: 49%">核心业务</div>
                    <div style="background-color: #00BFFF;text-align: center;height: 49%;margin-top: 10px">征信业务问答</div>
                </div>
                <div style="width: 200px;height: 100%;text-align: center;background-color: #9400D3">征信动态</div>
            </div>
            <div style="width: 100%;height: 60px;background-color: pink;margin-top: 10px"></div>
        </div>
    
    </body>
    </html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已采纳回答 9月5日

悬赏问题

  • ¥15 向数据表用newid方式插入GUID问题
  • ¥15 multisim电路设计
  • ¥20 用keil,写代码解决两个问题,用库函数
  • ¥50 ID中开关量采样信号通道、以及程序流程的设计
  • ¥15 U-Mamba/nnunetv2固定随机数种子
  • ¥15 C++行情软件的tick数据如何高效的合成K线
  • ¥15 vba使用jmail发送邮件正文里面怎么加图片
  • ¥15 vb6.0如何向数据库中添加自动生成的字段数据。
  • ¥20 在easyX库下编写C语言扑克游戏跑的快,能实现简单的人机对战
  • ¥15 svpwm波形异常求解答