189 8069 5689

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

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

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

最上面是header,左边是一个logo(老男孩),右边是用户的登录信息

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

CSS 后台布局实例

代码如下:

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

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

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

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

    
    
    
    
Title    
    
    
    
    
    
    
老男孩    
                              我的资料     注销    
    
                                                  a                         asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

    

asdf

asdf

asdf

asdf

asdf

                             

效果如下

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站标题:CSS后台布局实例-创新互联
文章路径:http://cdxtjz.cn/article/dpcpoo.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。