RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间：8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
CSS后台布局实例-创新互联

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

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

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

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

CSS 后台布局实例

代码如下：

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

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

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

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

    
    
    
    
Title    
    
    
    
    
    
    
老男孩    
                              我的资料     注销    
    
               5     
              
    
          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://lswzjz.com/article/dpcpoo.html

其他资讯

快速导航
友情链接
网站建设
联系方式
  • 企业：青羊区大橙子信息咨询工作室
  • 地址：成都市青羊区太升南路288号
  • 电话：18980820575
  • 网址：www.lswzjz.com

公司名称：青羊区大橙子信息咨询工作室 联系电话：18980820575

网站备案号：蜀ICP备2022028542号-13

乐山大橙子建站 乐山网站建设 乐山网站设计 乐山网站制作 成都做网站