CSS后台布局实例-创新互联

下面的例子是一个简单的布局

成都创新互联公司自2013年起，公司以成都做网站、网站设计、系统开发、网络推广、文化传媒、企业宣传、平面广告设计等为主要业务，适用行业近百种。服务企业客户1000多家，涉及国内多个省份客户。拥有多年网站建设开发经验。为企业提供专业的网站建设、创意设计、宣传推广等服务。通过专业的设计、独特的风格，为不同客户提供各种风格的特色服务。

最上面是header，左边是一个logo（老男孩），右边是用户的登录信息

中间一大块是内容，内容左侧是菜单，右侧是具体的内容

CSS 后台布局实例

代码如下：

body的margin为0，确保边上全部填满

absolute 确保位置不变; 注意如果他的父级标签有relative，他相对于这个父级标签的位置不变，否则相对于body的位置不变

overflow 在内容超过标签范围之后会自动加个滚轮

font-awesome插件可以使用现成的小标签

我的资料注销

CSS后台布局实例-创新互联

其他资讯