1、首先，创建两个div，如下图所示，然后进入下一步。其次，完成上述步骤后，需要给其Class属性，如下图所示，然后进入下一步。
创新互联建站主要从事做网站、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务荣县,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
2、首先需要做的就是创建两个div。创建了div后，需要分别给它们Class属性。接下来，使用css，通过Class属性给它们设置样式。需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。
3、如果是“日”字这种上下分布的话，就可以通过 position： relative；或 position： absolute； 来定位。
1、使用cssfloat并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
2、在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。
3、制作div+css网页前思考布局：首先我们拿到一张网页美工图片我们将从上下、上中下、左右、上中（中包括左右）下布局框架来思考。
新建一个html文件，命名为test.html，用于讲解html如何将一个div置于最上层。在test.html文件内，使用div标签创建两个模块，并分别设置它们的id为testone，testtwo。
方法：设置div样式 z-index ：auto auto可定义为一个值(整数数字)，越大代表越置前，如可定义为：z-index：999。前提是div是定位元素。
JQuery实现将Div浮动到网页最上层。
一般嵌套在内层标签的在上层。按排版，后插入的标签在上层。当用position定位后的元素，可以用z-index来设置标签的层次，哪个标签z-index属性值大，那个标签在最上层。
z-index属性只能用于定位元素，虽然你的黑色div有定位(fixed)，但棕色和白色div没有定位的话，对他们两不起作用。
此负的左边距最理想的值是中间栏宽度的一半加上1px，这样一来，左右边栏内容无法正常显示，那是因为对他们进行了负的左边距操作，现在只需要在左右边栏的内层div.inner将其拉回来。
in 内容/div /div div class=left我是固定的/div/div这样就可以让右侧的宽度自适应，左侧的宽度固定。
左右固定宽度，用position属性， 中间自适应用margin属性 上右下左。上下为0 左边的距离等于左div的宽度，右边的距离等于右div的宽度。
假定你左右两边的div宽度是一样的，都是300px，那么你可以给中间的div设置以下样式。width： calc(100% - 600px)这样一来你中间的div宽度就自适应了，不管怎么缩放都没关系。
