2016/7/30 div位置设置，表格大小统一

在做作业过程中遇到的一些问题和我的总结

1.作业中给出了一张背景图，并让我在背景图中一片区域写内容

我的思路是将一个div放在这片区域，那么问题就是如何定义div的位置和大小

查阅资料后发现并不复杂，只需要用css定义div的各个属性，那么div就可以以任何大小显示在任何位置

首先定义指定div的id

<div id=123>内容</div>

然后是用css定义div的属性

<style>

#123 {

 position:absolute;<!-- 将div设置为绝对位置显示，这样才可以定义left和top属性  -->

left:100px;top:100px;<!-- 意思是div离左边和顶部的距离，也可以看作是坐标，这样div就可以出现在任何位置上 -->

z-index:100;<!-- div可以覆盖div,该值大的覆盖该值小的 -->

width:200px;height:200px; <!-- 设置长和宽 -->

background-color:white; <!-- 设置背景颜色 -->

}

另外在做表格时，发现做出来的表格不整齐，容易因内容而变形，很不好看

将所有td单元格大小统一，同样可以用css解决

<style>

td{

width:150px;height:50px; 

bgcolor:green;

}

</style>

需要注意的是，虽然可以定义所有td单元格的大小，但是依然受到table表格大小的限制，若td单元格加起来的大小超过了table的大小，将优先以table的大小显示，表格依然不会整齐。

 

转载于:https://www.cnblogs.com/deoem/p/5724755.html