此脚本
{else}
{$obj->mMenus[i].name}
在div中。第一行没问题，其他行名称正确，div标签消失。这是因为其他聪明。我的网格是正确的。
这里开始我的问题
{else}个
<div class="grid_1">
{$obj->mMenus[i].name}
</div>
这里结束了我的问题
这是完整的模板：
<form method="post" action="admin.php">
<div class="container">
<div class="grid_6 last">
...
</div>
<div class="grid_1">
...
</div>
<div class="grid_3">
.....
</div>
<div class="grid_1">
.....
</div>
<div class="grid_1 last">
....
</div>
</div>
<div class="container">
<div class="grid_6 last">
......
</div>
</div>
.......
<p class="no-items-found">menus...!</p>
......
<div class="container">
<div class="grid_1">
Menu Name
</div>
<div class="grid_3">
Menu Content
</div>
<div class="grid_1">
Menu Published
</div>
<div class="grid_1 last">
</div>
</div>
.....
<div class="container">
<div class="grid_1">
.......
</div>
<div class="grid_3">
.......
</div>
<div class="grid_1">
.......
</div>
<div class="grid_1 last">
........
........
</div>
</div>
{else}
<div class="container">
<div class="grid_1">
......
</div>
<div class="grid_3">
......
</div>
<div class="grid_1">
.....
</div>
<div class="grid_1 last">
......
.......
</div>
</div>
......
</form>
模板的结尾。
我现在看到，在这个代码中div不会消失，而且还会命名gos up。 源页面视图是：
<div class="container">
<div class="grid_1">
.......
</div>
.......
<!DOCTYPE html>
<html>
<head>
<title>Authentication</title>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="accessories/styles/kartedium.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form method="post" action="admin.php">
<div class="container">
<div class="grid_6 last">
.....
.....
</div>
<div class="grid_1">
......
</div>
<div class="grid_3">
......
</div>
<div class="grid_1">
.......
</div>
<div class="grid_1 last">
.....
</div>
</div>
<div class="container">
<div class="grid_6 last">
.....
</div>
</div>
<div class="container">
<div class="grid_1">
Menu Name
</div>
<div class="grid_3">
Menu Content
</div>
<div class="grid_1">
Menu Published
</div>
<div class="grid_1 last">
</div>
</div>
<div class="container">
<div class="grid_1">
.....
</div>
<div class="grid_3">
<p>
....
<p>.......
</div>
<div class="grid_1">
2017-02-26
</div>
<div class="grid_1 last">
......
</div>
</div>
<div class="container">
<div class="grid_1">
......
</div>
<div class="grid_3">
<p>
......
.......
</div>
<div class="grid_1">
2017-02-26
</div>
<div class="grid_1 last">
<input type="submit"
.....
......
</div>
</div>
<div class="container">
<div class="grid_1">
......
</div>
<div class="grid_3">
<p>
.....
...
</div>
<div class="grid_1">
2017-02-26
</div>
<div class="grid_1 last">
......
</div>
</div>
<div class="container">
<div class="grid_1">
.......
</div>
<div class="grid_3">
<p>
......
.....
</div>
<div class="grid_1">
2017-02-26
</div>
<div class="grid_1 last">
.....
.....
</div>
</div>
<div class="container">
<div class="grid_1">
.....
</div>
<div class="grid_3">
<p>
.....
...
</div>
<div class="grid_1">
2017-02-26
</div>
<div class="grid_1 last">
....
.....
</div>
</div>
<div class="container">
<div class="grid_1">
.....
</div>
<div class="grid_3">
<p>
.....
.....
</div>
<div class="grid_1">
2017-02-26
</div>
<div class="grid_1 last">
..
....
</div>
</div>
<div class="container">
<div class="grid_1">
....
</div>
<div class="grid_3">
<p>
......
</div>
<div class="grid_1">
2017-02-25
</div>
<div class="grid_1 last">
....
....
....
</div>
</div>
<div class="container">
<div class="grid_1">
....
</div>
<div class="grid_3">
<p>
.....
.....
</div>
<div class="grid_1">
.....
</div>
<div class="grid_1 last">
......
</div>
</div>
</form>
</body>
</html>
完整源页面的结束。
完整的CSS：
body {
font-family: 'Nunito', sans-serif;
font-weight: 100;
font-size: 1em;
color: #faf3bc;
background-color: #0976B2;
}
.grid_1 { width: 15.625%; } /* 125px/800px = 15.625% */
.grid_2 { width: 32.5%; } /* 260px/800px = 32.5% */
.grid_3 { width: 49.375%; } /* 395px/800px = 49.375% */
.grid_4 { width: 65.625%; } /* 525px/800px = 65.625% */
.grid_5 { width: 83.125%; } /* 665px/800px = 83.125% */
.grid_6 { width: 100%; } /* 800px/800px = 100% */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
margin-right: 1.25%;
float: left;
display: block;
}
.last {margin-right:0; }
.container{
width: 90%;
max-width: 800px;
padding: 4% 0;
margin: auto;
}
img {
max-width: 100%;
}
h1 {
font-size: 2.750em;
line-height: 1.25em;
font-weight: 100;
letter-spacing: -2.75px;
color: #ffffff;
}
a:link {color:#b4c34f; text-decoration:none;} /* unvisited link */
a:visited {color:#b4c34f; text-decoration:none;} /* visited link */
a:hover {color:#faf3bc; text-decoration:underline;} /* mouse over link */
a:active {color:#b4c34f; text-decoration:none;} /* selected link */
a.selected {color:#ffffff;} /* selected link */
ul {
list-style-type:none;
}
@media screen and (max-width : 705px) {
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
width: 100%;
}}
CSS的结尾
答案 0 :(得分：1)
你的CSS有问题。
当你使用float：left来水平放置容器内的div时，你需要将clear属性添加到容器中以阻止容器浮动。
更改容器类：
.container{
clear:both;
width: 90%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 4%;
}