div+css怎么设置网页固定宽度且居中?

html-css07

div+css怎么设置网页固定宽度且居中?,第1张

div+css设置网页固定宽度且居中,首先需要确切的知道你要的网页固定宽度是多少,网页固定宽度,其实也就是对于body的宽度的限制,通过css去给宽度就行,然后在给一个margin就能实现居中,margin的用法如图:

具体的看下代码:

<html>

<head>

<style>

body{

width:960px       //限定网页的宽度

margin:0 auto 

boreder:1px solid #f00     //加个边框利于观察

}

</style>

</head>

<body>

<P>我是测试文字</p>

</body>

</html>

<P>我是测试文字</p>

</body>

</html>

网页里面的宽度是可以用百分比决定的,可以设置这个容器的宽度占屏幕宽度的百分之多少,但是因为百分比的宽度是要有参考对象的,所以在设置百分比的宽度时,要先设置body的宽度为100%。

照你的要求:一屏分为两栏显示,那么用两个DIV来做,一个DIV的宽度就是50%,两个在一起就正好100%了,如果你想这两个DIV之间有间距,那么就设置宽度为48%就行,具体自己把握,然后设置左边的DIV左浮动,右边的DIV右浮动即可。

高度是可以设置固定像素的,比如一个div的宽度为48%,高度为50px都行的,可以混用,只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了