Question

HTML code：

<!doctype html>
<html lang="en">
    <head>
        <meta ncharset="utf-8"/>
        <meta name="viewport" content="width=device-width", initial scale=1/>
        <meta name="description" content="Oficijalni sajt Karate kluba Splinter iz Beograda."/>

    <title>Karate klub Splinter</title>
    <link rel="stylesheet" href="css/style.css">
    <body>

    </body>
    <div id="sidebar">
        <div class="logo"></div>
        <nav>
            <ul>
                <li><a href="#">123</a></li>
                <li><a href="#">123</a></li>
                <li><a href="#">123</a></li>
                <li><a href="#">123</a></li>
                <li><a href="#">123</a></li>
                <li><a href="#">123</a></li>
                <li><a href="#">123</a></li>

            </ul>

        </nav>


        <div id="social">
            <h3>Pratite nas</h3>
            <div class="icons">
                <div class="fb-icon"></div>
                <div class="insta-icon"></div>
            </div>
        </div>

    </div>



    </head>
</html>

CSS代码：

#sidebar{
    width:20%;
    height:100%;
    background:#2c3e50;
    margin:0;

}

所有我想要的是侧边栏，它将在没有边距的情况下左上角，因此我可以轻松地向右侧添加内容。当我测试上面提到的代码时，我得到的div与页面的开头分开了

看起来我在盒子上得到了保证金

0 个答案: