1. 怎么写DIV和CSS 可以用div的相对定位来(position:relative;)解决 。
具体解释:
1:先定义容器
在最外层先定义个div容器 , 设置为相对定义 , 定义好宽高 , 然后在此容易之中 , 在定义三个div , 竖直排列 , 宽度和外层容易相同 , 高度为外层容器除去边框的高度除以3 , 此为二级容器
2:定义标题栏
在1步骤中定义好的三个二级容器中各定义一个div , 宽度和二级容器一样 , 高度为二级容器的五分之一(这个高度根据具体的需要设置) , 然后在里面在定义两个div , 左侧的用float:left定位在左侧 , 右侧的用float:right定位在右侧
3:定义具体内容div
有多少个格子 , 定义多少个div , 每个div宽度为二级容器的四分之一 , 然后在每个div上都加上属性float:left , 并且给每个div加上边框 , 行高 , 字体居中等属性即可
2. div这样布局CSS怎么写 我试着写了一下 。
<!doctype html><meta charset="utf-8">Div<style>.section{ width:600px; height:100px; padding:20px; background:#f7ed12; border:2px solid #858585; margin:20px auto;}.left{ width:30%; height:100%; background:#00a1e9; float:left;}.right{ width:65%; height:100%; background:#00a1e9; float:right;}</style><body>