在静态网页中遇到的问题

Posted 2021-12-12 dumenglong

1、在做小米官网时，由于有很多的div，并且所有的内容都是垂直对齐的，这时我们可以做一个定值的div class值为container，

这个div的作用是固定内容的宽度，所有的div设在container之下，从而继承了container的宽度，达到对齐的效果

<div class=“container”>
     <div class="main">

       <div>1</div>   
       <div>2</div>
       <div>3</div>

</div>
</div>
     

此时再在main中规定内容

2、在做列表栏时，列表栏是一个大的ul，要想做到鼠标悬停在其中的li b上显示另一个div c时

<div class="a">

<ul>
     <li class="b">1
    
         <div class="c">
               123
         </div>       

     </li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>

</ul>

</div>

给li b设一个position relative定位  ，将div c设absolute  然后用display：none做隐藏

当.b:hover

{

display:block

}

此时显示div c