我正在使用960网格框架进行web项目的原型设计。我的水平菜单有10px的左右边距。我知道那是因为我把它放在container_12包装中,但我想要使其以全页宽度进行拉伸。下面是代码所以票价:从我的水平菜单中删除左右边距
<div id="wraper" class="container_12">
<header id="masthead">
<div id="site-brand">
<h1><a href="#">فنان ويب</a></h1>
</div><!-- =end site-brand-->
<div id="search-box">
<form class="form-wrapper cf">
<button type="submit">بحث</button>
<input type="text" placeholder="ابحث في الموقع" required title="أدخل كلمة البحث">
</form>
</div><!-- =end search-box-->
<nav id="main-nav">
<ul>
<li><a href="#">الرئسية</a></li>
<li><a href="#">دروس</a></li>
<li><a href="#">دورات</a></li>
<li><a href="#">عن الموقع</a></li>
<li><a href="#">من أنا؟</a></li>
</ul>
</nav>
</header>
CSS:
#main-nav{
background:#fff;
float:right;
width:100%;
border-radius: 1px;
}
#main-nav ul{
list-style-type:none;
margin:0;
padding:0;
}
#main-nav li{
display:inline;
float:right;
padding:10px 22px 10px 30px;
text-align: center;
border-left: 1px #DADADA dotted;
}
#main-nav>ul>li:last-child {
border:none;
}
#main-nav a{
color:#000000;
text-decoration: none;
display:block;
}
#main-nav li:hover{
color:#ffffff;
background:#de4062;
}
#main-nav a:hover{
color:#ffffff;
display:block;
}
可以你请提供你的样式表? – davidb
div“container_12”的CSS样式是什么? – davidb
container_12是960网格中的一个标准类名,并且在单独的960.css文件中有它自己的样式,我不想错过它 – Misho21