这个代码:
<div id="menu">
<ul><li>a</li></ul>
</div>
随便定义个大小:
div{
width:500px;
height:100px;
border:1px solid red;
}
ul{
width:200px;
height:100px;
border:1px solid blue;
}
会发现<ul>左边和下边都有margin,左边有40px,右边有20px;
这是为什么??
还有如果设定ul{float:left; margin-left:40px;},那他的左边距会变成80px,也就是双倍显示。这是为什么??
上面的CSS写错了个地方:
不是div应该是menu,反正问题还是那些问题。
将ul的margin和padiding设置为0;
由于不同浏览器之间有不同的默认样式,这样就导致了:“明明我没有设置margin padding,但是元素之间却存在间距等状况”。解决这种情况的方法就是在开始写css之前将所有元素的padding margin默认样式统一起来。在css文档中添加如下样式即可:
CSS:<ul>的左边为什么有40px的距离呢?
ul有40px 的margin body有10px 的margin a标签有下划线 p标签字体默认是黑色 等……(当然,各不同的浏览器,其默认值设置也有所不同)大多数人在写CSS前,一般都会加上一条通配符设置取消浏览默认值的:{margin:0;padding:0;} 其实浏览器的一些默认值,自己实践多了,自然就会知道的了。
css 布局 怎么移动ul ?
<ul> <li>我是测试文字<\/li> <\/ul> <\/div> 2.通过margin这个属性操作,margin:10px 20px 30px 40px; 这个的意思就是距离上边10px,距离右边20培训,距离下边30px,距离左边40px,代码如下 <div> <div style=' width:330px; height:200px; margin-top:30px;'> <p>我是测试文字<\/p> <\/div><\/div...
css布局问题<ul>标签多出空白部分
ul,li{margin:0;padding:0;}
<ul>总是离左边有一段距离
上面的代码不能完全靠左的,参数需要改一下。UL是有一个空白区域的。<ul style="margin-left:-10px"> <li class="link01"> <img src="vba图片\/gou.gif" width="16"height="16" \/> <\/li> <\/ul> --- 根据你的需要修改margin-left后页面的参数。
CSS ul和li内边距的问题
你设置了四周10PX的margin,下边也会有的啊,,你的容器没有做溢出隐藏,你可以这样设置 margin:0 10px 0 10px 或者margin-left:10px;margin-right:10px;如果你说的是下面出现的间隔的话,如果不是,,那你最好截个大点的图,说详细点。
怎么通过CSS来修改UL里LI之间的行间距呢?
使用css语句:line-height 通过设置不同的line-height值得到不同间距。代码:效果:
关于css中ul高度的问题
①首先你的<li>是浮动的,也就是说li脱离了文档流,故它的父级ul是无法包围li的,所以li的内容增大缩小跟ul关系是不大。②如果是你想实现:让li水平排列。同时div的内容增加后,div向下延伸。可以直接限制li的宽度:li { float:left;width:100px;} 效果如下:<ul> <li> <div>测试信息a a a...
如何控制<ul>前面的间距
ul默认是有自己的margin值的,而且不同的浏览器这个值是不同的。所以一般情况下都会把ul的margin重置为0,这样就没有前面多余的空白了。
...为什么小盒子与大盒子顶端总是留了几个px的距离
把层的定位属性改下看看 position:relative。然后 margin:0px;padding:0px;
一个CSS 中ul缩进的问题
把第三行的<ul>去掉就可以啦,同样是列表项目,不过是违背了html规则,嘿,实用就行