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;}

问题解答

你在html里写内联样式，不得套个<style>标签吗。。。