用csS定位两条水平线

html-css013

用csS定位两条水平线,第1张

Html代码：

<body>

<div id="left">

左水平线

</div>

<div id="right">

右水平线

</div>

</body>

css代码：

<style type="text/css">

#left{

border-bottom:solid #999999 2px

margin-left:20%}

#right{

border-bottom:solid #999999 2px

margin-right:30%}

</style>

说明:其实水平线制作方法我也不是很清楚，我这个是用div做的，能到达你说的效果，但是我觉得应该还有更简单的办法！！知道了给我说哟，大家相互学习！

你的容器只有1000px

是不会达到1200的，你重新在header外面放一个容器。是100%的在定义一个下边框就行了，要注意的是重新放的容器一定不能被父级容器的宽度限制。