HTML/CSS推送元素'；如果使用960网格，则从下边框一直到屏幕末端
我刚开始使用Nathansimth制作的960网格系统进行网站布局，但我不知道如何将元素的下边框推到屏幕的末尾，同时将元素保持在container div中 请参见图像以获取视觉解释。 第一个img您可以看到它有其正常的固定宽度，第二个img边界被推到边缘。我如何存档第二个结果 注意：在菜单之前，通常会有徽标图像浮动到右侧HTML/CSS推送元素'；如果使用960网格，则从下边框一直到屏幕末端,html,css,push,960.gs,Html,Css,Push,960.gs,我刚开始使用Nathansimth制作的960网格系统进行网站布局，但我不知道如何将元素的下边框推到屏幕的末尾，同时将元素保持在container div中 请参见图像以获取视觉解释。 第一个img您可以看到它有其正常的固定宽度，第二个img边界被推到边缘。我如何存档第二个结果 注意：在菜单之前，通常会有徽标图像浮动到右侧 提前谢谢。这里有一个简单的方法： 正文，ul，li{边距：0；填充：0；} .wrap{宽度：900px；边距：0自动；背景：e7e7e7；最小高度：600px；} .m
提前谢谢。这里有一个简单的方法：
正文，ul，li{边距：0；填充：0；}
.wrap{宽度：900px；边距：0自动；背景：e7e7e7；最小高度：600px；}
.menu{列表样式：无；浮点：右；位置：相对；}
.menu li{float:左；margin left:20px；}
.menu li:第一个子项{左边距：0；}
.menu li a{文本装饰：无；显示：块；行高：2em；文本转换：大写；}
.menu li a:悬停{文本装饰：下划线；}
.菜单：之后{
内容：“；
身高：0；
宽度：9999px；
边框底部：1px实心#ccc；
位置：绝对位置；
左：0；
底部：0；
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style media="all">
body, ul, li {margin: 0; padding: 0;}
.wrap {width: 900px; margin: 0 auto; background: #e7e7e7; min-height: 600px;}
.menu {list-style: none; float: right; position: relative;}
.menu li {float: left; margin-left: 20px;}
.menu li:first-child {margin-left: 0;}
.menu li a {text-decoration: none; display: block; line-height: 2em; text-transform: uppercase;}
.menu li a:hover {text-decoration: underline;}
.menu:after {
content: "";
height:0;
width: 9999px;
border-bottom: 1px solid #ccc;
position: absolute;
left: 0;
bottom: 0;
}
</style>
</head>
<body>
<div class="wrap">
<ul class="menu">
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
<li><a href="">Link 4</a></li>
<li><a href="">Link 5</a></li>
<li><a href="">Link 6</a></li>
</ul>
</div>
</body>
</html>