当前位置:编程学习 > html/css >>

最简单的DIV CSS问题

我要用DIV做三个框 左边一个大框 右边两个小的 上面一个 下面一个 我在做右下角的框框时候 不知道怎么和上面的表格对齐 就是 和其他两个框对不上去 有缝隙 比如说左边的大框是120 300 右边上面是 300 150 我右下角该怎么设置才能贴上呢
追问:那个大框 小框你能告诉我填什么么
col是什么意思啊...
答案:<style type="text/css">
		.content{width:420px;height:300px;}
		.col{float:left;}
		.c1{width:120px;height:300px;background-color:darkred;}
		.c2{width:300px;height:150px;background-color:orange;}
		.c3{width:300px;height:150px;background-color:darkblue;}
	</style>
	<div class="content">
		<div class="col c1">大框</div>
		<div class="col c2">小框</div>
		<div class="col c3">小框</div>
	</div>
其他:.用绝对布局  算好px 不就完了 
比如你的浏览器是800 600
左边div是500 300 右边2个都是300 150
用绝对布局的话
左边直接放
右上边就是  left:500px        //把div放在距离左边像素 500px的地方
右下边就是 top:150px left:500px //把div放在距离左边像素 500px 上边像素150px的地方
这就行了 左边大框 width:120px height:300px;
右上角   width:300px height:150px
右下角   width:300px;height:150px;

你试试对不对 margin padding 设置0  。 在css里加一句
*{margin:0px;padding:0px;}

上一个:如何用cookie 保存 js选择的参数?看下面的js,这是个css样式切换js效果,怎样用cookies保存选择了的效果
下一个:html中ul,li有关css设置问题。第一个li与开始光标之间的距离还有li横排时各li之间的距离设置问题?

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,