关于div中的ul使用
    今天讲一下关于div中使用ul的问题，那什么问题呢有两个，第一：div如何才能与的上边平齐。第二：ul右侧产生空白边框如何消除，这两个是不是挺有意思，下面看看网友的问题代码：
<html>
<head>
<style type="text/css">
#div1{width:400px;height:400px;background:red;position:absolute;}
#tishi1{display:block;width:80px;height:220px;position:relative;}
#tishi1 li{height:31px;width:80px;text-align:center;line-height:31px;font-size:6px;display:block;background:green;}div border属性
</style>
</head>
<body>
<div id="div1">
<ul id="tishi1">
<li>aaa</li>
<li>vvv</li>
<li>ccc</li>
<li>bbb</li>
<li>rrr</li>
<li>tty</li>
<li>yyy</li>
</ul>
</div>
</body>
</html>
    大家要是想看看效果就自行粘贴，我在这里只用语言去形容一下，问题就是ul没有和div的上边重合，那如何解决，这个同学就范了一个初学者的错误，没有初始定义，ul这种元素在不同的浏览器中其margin，padding，border，属性值是不同的，  所以就会出现这种问题我们在前面加上ul{margin:0px;padding:0px;border:0px;  }ok这样就好了，就连左侧会有空白也解决了。
    在解决上边不齐的问题上还有一种解决方法就是把div中的absolute激活，也就是加上方向比如加上top这样position就会随着body中元素进行变化了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。