content_shop无法显示在浏览器端一般什么原因?代码和你的一样
问题描述
<!DOCTYPE html>
<html>
<head>
<title>小米商城</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="static/css/mi.css">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
<link rel="shortcut icon" type="image/x-icon" href="static/img/footlogo.png">
</head>
<body>
<div class="box">
<div class="header"></div>
<div class="content_top">
<div class="content">
<div class="content_menu"></div>
<div class="content_pic"></div>
<div class="content_shop">
<div class="content_shop_1"></div>
<div class="content_shop_2"></div>
<div class="content_shop_3"></div>
<div class="content_shop_4"></div>
</div>
</div>
</div>
<div class="content_bottom"></div>
<div class="footer_top"></div>
<div class="footer_bottom"></div>
</div>
</body>
</html>
css:
*{margin:0px;padding:0px;}
a{text-decoration: none;}
.header{width:100%;height: 40px;background:#333;}
.content_top{width: 100%; margin-bottom: 10px;}
.content_bottom{width: 100%;height:500px;background: #ccc;}
.footer_top{width: 100%;height: 100px;}
.footer_bottom{width: 100%;height:100px;background: #ccc;}
.content{width: 1226px;margin: 0px auto;}
.content_menu{width:1226px;height: 90px;background: pink;margin: 10px auto;}
.content_pic{width:1226px;height: 460px;background: url(../img/mi.jpg);}
.content_shop{width: 1226px;height:170;}
.content_shop_1{width:200px;height: 170;background: #ccc;float:left;margin-right: 10px;}
.content_shop_2{width:316px;height: 170;background: #ccc;float:left;margin-right: 10px;}
.content_shop_3{width:316px;height: 170;background: #ccc;float:left;margin-right: 10px;}
.content_shop_4{width:316px;height: 170;background: #ccc;}
问题解答
回答1:你在html里写内联样式,不得套个<style>标签吗。。。
相关文章:
1. java固定键值转换,使用枚举实现字典?2. vim - win10无法打开markdown编辑器3. css3 - less或者scss 颜色计算的知识应该怎么学?或者在哪里学?4. 如何解决tp6在zend中无代码提示5. javascript - 有没有类似高铁管家的时间选择插件6. 这是什么情况???7. python - flask学习,user_syy添加报role is invalid keyword for User.8. css - BEM 中块(Block)有木有什么标准 何时决定一个部分提取为块而不是其父级的元素呢(Element)?~9. html - 如何使用用户输入的数据去运行一个数学公式,最后怎么返回。10. javascript - 微信网页开发从菜单进入页面后,按返回键没有关闭浏览器而是刷新当前页面,求解决?
