这是ul部分CSS代码:
.nav ul{
list-style-type:none;
width:200px;
height:30px;
}
css代码部分没有任何问题
这是html代码:
<div class="nav">
<ul>
<li>首页</li>
<li>博客</li>
<li>简介</li>
<li>电话</li>
</ul>
</div>
都是很简单的代码
却出现如下的问题:
ul左边明显想左边偏离div盒子40px,于是样式产生一系列莫名的变化,包括li标签内文字变成了竖版(莫名其妙,可能是我宽度也写得比较小)
解决方法:
一:
*{margin:0;padding:0}
(代码写起来很简单,但通常不建议使用,因为是通配符,会把所有标签遍历一遍,如果网站较大,会占用很多资源)
二:
- body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, table, th, td {margin:0; padding:0;}
(看起来有点长,但明确写明了每个标签元素内外边界初始化,推荐使用。)