PHP双飞翼布局

index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双飞翼布局</title>
</head>
<body>
<!--头部-->
<div class="header">
    <div class="content">
        <ul class="nav">
            <li class="item"><a href="#">首页</a></li>
            <li class="item"><a href="#">公司新闻</a></li>
            <li class="item"><a href="#">最新产品</a></li>
            <li class="item"><a href="#">关于我们</a></li>
            <li class="item"><a href="#">联系我们</a></li>
        </ul>
    </div>
</div>
<!--中间主体-->
<div class="container">
<!--    头图-->
    <div class="banner">
        <img src="#">
    </div>
<!--    主体-->
    <div class="wrap">
        <div class="main">
        <h3>主体内容</h3>
        </div>
    </div>
<!--    左侧-->
    <div class="left">
        <h3>左侧</h3>
    </div>
<!--    右侧-->
    <div class="right">
        <h3>youce</h3>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="content">
        <P>
            <a href="#">版权所有</a>
            <a href="#">icp656565</a>
            <a href="#">0551-98765421</a>
        </P>
    </div>
</div>
</body>
</html>

　　

posted @ 2019-10-15 11:56  专门写bug  阅读(61)  评论(0)    收藏  举报