div下有俩子div。子div设置漂浮后 为什么我父div设置了背景颜色。 页面不显示蓝色背景

来源:2-4 logo和menu区域设计-4

慕容1027114

2019-07-23 14:19:55

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<link rel="stylesheet" type="text/css" href="commen.css">

</head>

<body>

 <div class="header">

  <div class="img"><img src="../images/logo.png"></div>

  <div class="title">

  <ul>

  <li>HOME</li>

      <li>ABOUT</li>

            <li>GALLERY</li>

            <li>FACULTY</li>

            <li>EVENTS</li>

            <li>CONTACT</li>

  </ul>

  </div>

 </div>

</body>

</html>


*{

margin:0px;

padding:0px;

}

.header{

background-color:#07cbc9;

}

.header .img{

float:left;

padding-top:25px;

padding-left:150px;

}


.header .title ul li{

float:right;

list-style:none; 

margin-top:30px;

margin-left:20px; 


}


写回答

1回答

好帮手慕小尤

2019-07-23

同学你好,为header设置宽高。代码如下:

.header{
    width: 100%;
    height: 80px;
    background-color:#07cbc9;
}

祝学习愉快!

0

0 学习 · 4928 问题

查看课程