div+css如何做页面的一行两列布局

html-css013

div+css如何做页面的一行两列布局,第1张

div+css做页面的一行两列布局,首先我们是需要三个div的,第一个div包裹着其他的2个div,然后给那2个div设置float属性和width,height,最好是给个border利于布局的时候方便观察,这里举个例子:

<html>

<head>

<style>

#div1{

width:960px//通过id来控制

height:600px

}

.left{

width:400px

height:400px

border:1px solid #f00

float:left

marign-right:40px //距离第三个div有点距离

}

.right{

width:400px

border:1px solid #f00

height:400px

float:left

}

</style>

</head>

<body>

<div id='div1'>

<div class='left'>我是左边的</div>

<div class='right'>我是右边的</div>

</div>

</body>

</html>

CSS可以很方便的用来控制网页的外观。主要有以下特点:

1.可以同时更新多个网页的样式。

2.使网页的表示层与结构层彻底分离

3.大大减小了网页文件的大下

4.加快了网页的加载速度

现在用CSS来布局网页已经是一种潮流,如果要向网页设计方面发展,必须精通CSS。

上下居中··这个肯定就要用js算出来了···靠右对齐有很多种方法··position: fixedright: 0这样就靠右并且随滚动条滚动·一直固定在位置上···如果你是要做那种右下角的小窗口···纯css是不能解决问题的·