作者:电脑信息网日期:
返回目录:设置问题
用CSS限定网页宽度,又让一个DIV在网页当中居源中,这里需要理解的是一个页面的内容区域,就是body,我们就是通过给body来设置一个宽度,来做限制,至于DIV的居中,首先是需要给这个div一个宽度和高知度,然后在使用margin去做,margin的用法,如图:
具体的实现看代码:
<html>
<head>
道body{
width:960px; //限定网页的宽度
}
#div1{
width:200px;
height:600px;
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}
</head>
<body>
<div id='div1'>
我会居中
</div>
</body>
</html>
div+css设置网页固定宽度且居中,首先来需要确切的知道你要的网页固定宽度是多少,网页固定宽度,其实也就是对于body的宽度的限制,源通过css去给宽度就行,然后在给一个margin就能实现居中,margin的用法如图:
具体的看下代码:
<html>
<head>
<style>
body{
width:960px; //限定网页的宽度
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}
</style>
</head>
<body>
<P>我是测试文zhidao字</p>
</body>
</html>
<P>我是测试文字</p>
</body>
</html>
网页里面的复宽度是可以用百分比决定的,可以设置这个容器的宽度占屏幕宽度的百分之多少,但是因为百分制比的宽度是要有参考对象的,所以在设置百分比的宽度时,要先设置body的宽度为100%。
照你的要求:一屏分为两栏显示,那么用两个百DIV来做,一个DIV的宽度就是50%,两个在一起就正好100%了,如果你想这两个DIV之间有间距,那么就设置宽度为48%就行,具体自己度把握,然后设置左边的DIV左浮动,右边的DIV右浮问动即可。
高度是可以设置固定像素的,比如一个div的宽答度为48%,高度为50px都行的,可以混用,只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了