老师,这个地方为什么加起来总值不是12呢?
另外,按照您的代码,我的显示出了问题,可以帮忙看下吗?
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" type="text/css" href="css/watch.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<script src="js/jquery-3.1.1.js"></script>
<script src="js/watch.js"></script>
<title>Document</title>
</head>
<body>
<div class="container">
<div id="header" style="height:60px" class="row">
<div id="headText" class="col-xs-12 col-sm-4 col-md-3 col-lg-8">Welcome</div>
<div class="pull-left col-xs-6 col-sm-4 col-md-3 col-lg-2" style="background:pink;height:60px;color:white"><div class="headLeft" style="margin-top:13px;">
<button id="left1" style="color:white">Dollar</button>
</div>
<div class="pull-right col-xs-6 col-sm-4 col-md-3 col-lg-2" style="background:black;height:60px;color:white"><div class="headRight"></div></div>
</div>
</div>
</body>
</html>
CSS:
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body,ul,li,p{
margin:0;
padding:0;
}
ul{
list-style:none;
}
#headText{
height:60px;
background:#00A8F7;
color:white;
text-align:center;
line-height:60px;
font-size:20px;
font-weight:bold;
}
@media screen and (max-width:600px){
#headText{
width:100%;
}
}
其他的引入和你的一样哩
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星