在这种情况下,可以不适margin-right用于最后li.
在IE6和7中我也需要纯粹的css方式和支持,而且不需要更改HTML.有没有办法实现这一目标.
ul li {display:inline;margin-right:10px}
<ul id="nav">
<li><a href="#nowhere" >Lorem</a></li>
<li><a href="#nowhere" >Aliquam</a></li>
<li><a href="#nowhere" >Morbi</a></li>
<li><a href="#nowhere" >Praesent</a></li>
<li><a href="#nowhere" >Pellentesque</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud) 有些人使用此重置.*{保证金:0; 填充:0; }
每个元素在每个浏览器默认样式表中都有默认的边距和填充(但不同)?
虽然eric meyer收集了一些最常用的选择器并将其交给所有人
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
Run Code Online (Sandbox Code Playgroud)
这些元素是否具有不同类型的字体大小?不同的基线,不同的背景,轮廓和边界?
如果我们保持除了通用选择器的缺点.
这是
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
Run Code Online (Sandbox Code Playgroud)
比这更好
* {
margin: 0;
padding: 0;
}
Run Code Online (Sandbox Code Playgroud) HTML和/或CSS注释是否可能导致渲染问题?
HTML评论: <!-- some info -->
CSS: /* some info */
是渐进增强和优雅降级基本上是一回事吗?
如何在IE7 <li>中获取父级<ul>中可用空间的拉伸宽度?
在IE 8和FF中
下拉就像这样可以
alt text http://shup.com/Shup/376449/11064114012-My-Desktop.png
但在IE 7中,它就是这样的
编辑:7月5日
我在这里添加了实例,在IE7中看到了这一点
alt text http://shup.com/Shup/376450/11064114133-My-Desktop.png
如何在IE 7中获得与IE8和FF相同的结果.
我不希望给固定的宽度<ul>和<li>
这是CSS
#topnavcontainer {
float: left;
overflow: visible;
width: 80%;
margin-left: 17px }
ul#nav {
position: relative;
z-index: 597;
float: left;
margin-top: 6px; }
ul#nav li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1; }
ul#nav li a:active { color: #fff }
ul#nav li.hover,
ul#nav li:hover {
position: relative;
z-index: 599;
cursor: default; }
ul#nav …Run Code Online (Sandbox Code Playgroud) 如何在所有浏览器中使用此代码?
<script>
var $j = jQuery.noConflict();
$j(document).ready(function(){
if ($j.browser.msie) {
$j('.round').append('<div class="tl"></div><div class="tr"></div><div class="bl"></div><div class="br"></div>');
}
});
</script>
Run Code Online (Sandbox Code Playgroud) 为什么font-family和字体大小无法使用此css代码?
.content_box { float:left; margin-left:41px; width:265px; font:Arial, Helvetica, sans-serif; }
.content_box h2 { color:#585858; font:bold 25px; margin-bottom:20px; }
.content_box p { color:#4F4F4F; font:12px/1.8em; margin-top:18px; }
.content_box > a { background:url("../images/readmore.jpg") no-repeat top left;
color:#6C6C6C; display:block; font:12px "Times New Roman", Times, serif;
height:29px; margin-top:15px; padding-top:7px; text-align:center;
text-decoration:none; text-transform:uppercase; width:100px;
}
.content_box ul { margin-left:15px;margin-top:3px; list-style:disc inside none;}
.content_box li { border-bottom:1px dotted; list-style-image:url("../images/arow.jpg");
margin-bottom:7px; }
.content_box li a { color:#0F4DB6; font:12px; text-decoration:none; }
Run Code Online (Sandbox Code Playgroud)