Question

Here's the problem im facing.在标头中，我使用了一个有限的宽度1300px。在下一个容器中，我想使用全角。但这是行不通的:(。我可能做错了什么。我在编码方面是全新的。过去两天才做过：（（（

我尝试放置宽度为100％的菜单栏容器，但似乎没有用。

这是代码（删除了一些CSS代码）

 <style type="text/css">


            #top-section

            {
                width: 1300px;
                margin: 0 auto;
                height: 38;





            }


            #menu-bar-container {

               width: 100%;
               height: 100px;
               background: #BB1919;

            }

      </style>

 </head>

 <body>

      <div id="top-section">

          <img id="BBC-logo" src="BBC.png">


            <div  id="signin-div" class="pain" >

                <img id="signin-logo" src="header.png"> <span id="signin-text">Sign in</span>

            <div class="abnormal"> </div>

            <div class="pain2x">

                 Home               
            </div>

            <div class="pain2x">

                    News              
               </div>

               <div class="pain2x">

                    Sports              
               </div>

               <div class="pain2x">

                    Weather            
               </div>

               <div class="pain2x">

                    Shop            
               </div>

               <div class="pain2x">

                    Reel            
               </div>

               <div class="pain2x">

                    Travel            
               </div>

               <div class="pain2x">

                    Capital           
               </div>

            <div id="more-button" class="pain2x">

               More <img id="arrow-logo" src="more-arrow.png">

            </div>

            <div id="search-bar">

                 <input class="search-bar" type="text" value="Search">

                 <input type="image" id="magnifying-glass" src="magnifying-glass.jpg">

             </div>


      </div>

      <div class="clear"></div>

         <div id="menu-bar-container"> </div>

Answer 1

我可能仍然不太了解您的问题，但是#menu-bar-container已正确设置为100％。如果问题是由于#top-section的固定宽度而没有水平滚动条，并且要解决此问题，只需将width: 1300px更改为{{1} }。

如果问题是红色框左侧有白色边距？如果是这样，您是否编写了任何会影响body或html标签的CSS，如果是，您是否也可以发布这些CSS来帮助诊断问题？

使用全角时遇到问题

1 个答案: