如何將我網站的標志放在html和css的左上角？-有解無憂

大家晚上好。我正在從 html 和 css 模板為專案構建網站。現在，我必須做一些改變。

我只想把“企業”的標志放在左上角的標題中，但我無法完成這項作業。

這是代碼：

<header id="masthead" class="site-header">
        <nav id="primary-navigation" class="site-navigation">
            <div class="container">
            
                <div class = "navbar-logo">
                    <a href = "#" ><img src = "assets\img\logo.png"> </a>
                </div>              


                <div class="collapse navbar-collapse" id="agency-navbar-collapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li class="active"><a href="index.html" data-toggle="dropdown"><b>Home</b></a></li>
                        <li><a href="portfolio.html">Servizi</a></li>
                        <li><a href="contact.html">Contatti</b></li>

                    </ul>

                </div>

            </div>   
        </nav><!-- /.site-navigation -->
    </header><!-- /#mastheaed -->

uj5u.com熱心網友回復：

    .container {
        overflow: auto;
    }

    .navbar-logo {
        margin-left: 10px;
        float: left;
    }

    .navbar-collapse {
        margin-right: 10px;
        float: right;
    }

    .navbar-nav li {
        display: inline-block;
        margin-right: 10px;
    }

uj5u.com熱心網友回復：

將float:left;屬性用于您的徽標類

.navbar-logo {        
        float: left;
    }

   .container {
        overflow: auto;
    }

    .navbar-logo {        
        float: left;
    }

    .navbar-collapse {
        float: right;
    }

    .navbar-nav li {
        display: inline-block;
        margin-right: 10px;
    }

<header id="masthead" class="site-header">
        <nav id="primary-navigation" class="site-navigation">
            <div class="container">
            
                <div class = "navbar-logo">
                    <a href = "#" ><img src = "assets\img\logo.png"> </a>
                </div>              


                <div class="collapse navbar-collapse" id="agency-navbar-collapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li class="active"><a href="index.html" data-toggle="dropdown"><b>Home</b></a></li>
                        <li><a href="portfolio.html">Servizi</a></li>
                        <li><a href="contact.html">Contatti</b></li>

                    </ul>

                </div>

            </div>   
        </nav><!-- /.site-navigation -->
    </header><!-- /#mastheaed -->

轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/398102.html

標籤：html css

上一篇：二十二十主題（TT）中的大保證金：如何定制這個？

下一篇：從選擇下拉選單中制作標簽