Home Backend Development PHP Tutorial The Seventeenth Day of PHP Practice_PHP Tutorial

The Seventeenth Day of PHP Practice_PHP Tutorial

Jul 14, 2016 am 10:11 AM
css php position study Actual combat layout method of

今天学习到了一个非常神奇的css布局方法

position: absolute;
top:61px;
bottom: 0px;


把 position设置为 absolute 后 top就是顶边拉 left就是左边拉

那么如果把 底边调成0.嘿嘿,是不是变成窗口自适应了?

做这个的时候想过 直接设置 height:100%.但是这是无效帝,,,具体为什么我也不知道哈...


[css]
#head{ 
    width:100%; 
    height:61px; 
     
    border-bottom:solid 1px #ccc; 
 
    background-image:url(../img/topbg.gif); 
    background-repeat:repeat-x; 
    } 
#logo{ 
    width:189px; 
    height:61px; 
    background-image:url(../img/logo_dmin.png); 
    } 
#left{ 
    padding-top:15px; 
    width:205px; 
    height:auto; 
    overflow-y:auto; 
    background-image: url(../img/leftbg.gif); 
 
    position: absolute; 
    top:61px; 
    bottom: 0px; 
    } 
#left h4{ 
    margin-left:18px; 
    background-image:url(../img/menuf.gif); 
    height: 20px; 
    width: 160px; 
    font-size: 12px; 
    text-align: center; 
    line-height:20px; 
    //font-weight:normal; 

#left li{ 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left:36px; 
    cursor: pointer; 
    color:#555; 
    font-size: 12px; 

 
#right{ 
    overflow-y:auto; 
    position: absolute; 
    top:61px; 
    left: 205px; 
    bottom:0px; 
    right:0px; 
    } 

#head{
 width:100%;
 height:61px;
 
 border-bottom:solid 1px #ccc;

 background-image:url(../img/topbg.gif);
 background-repeat:repeat-x;
 }
#logo{
 width:189px;
 height:61px;
 background-image:url(../img/logo_dmin.png);
 }
#left{
 padding-top:15px;
 width:205px;
 height:auto;
 overflow-y:auto;
 background-image: url(../img/leftbg.gif);

 position: absolute;
 top:61px;
 bottom: 0px;
 }
#left h4{
 margin-left:18px;
 background-image:url(../img/menuf.gif);
 height: 20px;
 width: 160px;
 font-size: 12px;
 text-align: center;
 line-height:20px;
 //font-weight:normal;
}
#left li{
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left:36px;
 cursor: pointer;
 color:#555;
 font-size: 12px;
}

#right{
 overflow-y:auto;
 position: absolute;
 top:61px;
 left: 205px;
 bottom:0px;
 right:0px;
 }html的代码为


[html]

 
 
   

文章管理

 
   
     
           
  • 添加栏目
  •  
           
  • 添加文章
  •  
           
  • 管理文章
  •  
       
 
   

网站管理

 
   
     
           
  • 基本设置
  •  
           
  • 其他
  •  
       
 
 
 
 
 



 

文章管理


   

         
  • 添加栏目

  •        
  • 添加文章

  •        
  • 管理文章

  •    

 

网站管理


   

         
  • 基本设置

  •        
  • 其他

  •    


 

 

 

以前是用分帧,当然这样很方便,也非常好用哈,


[html]
 
         
     
             
             
     
         

 
   
  
     
     
  
    
  上面都在谈的都不是php的哈

确实今天写的php跟以前的都差不多,今天学到的一个新函数是

mysql_affected_rows 用于读取命令执行后影响的行数.

 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/477346.htmlTechArticle今天学习到了一个非常神奇的css布局方法 position: absolute; top:61px; bottom: 0px; 把 position设置为 absolute 后 top就是顶边拉 left就是左边拉 那么如果...
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP and Python: Comparing Two Popular Programming Languages PHP and Python: Comparing Two Popular Programming Languages Apr 14, 2025 am 12:13 AM

PHP and Python each have their own advantages, and choose according to project requirements. 1.PHP is suitable for web development, especially for rapid development and maintenance of websites. 2. Python is suitable for data science, machine learning and artificial intelligence, with concise syntax and suitable for beginners.

Understanding HTML, CSS, and JavaScript: A Beginner's Guide Understanding HTML, CSS, and JavaScript: A Beginner's Guide Apr 12, 2025 am 12:02 AM

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

PHP: A Key Language for Web Development PHP: A Key Language for Web Development Apr 13, 2025 am 12:08 AM

PHP is a scripting language widely used on the server side, especially suitable for web development. 1.PHP can embed HTML, process HTTP requests and responses, and supports a variety of databases. 2.PHP is used to generate dynamic web content, process form data, access databases, etc., with strong community support and open source resources. 3. PHP is an interpreted language, and the execution process includes lexical analysis, grammatical analysis, compilation and execution. 4.PHP can be combined with MySQL for advanced applications such as user registration systems. 5. When debugging PHP, you can use functions such as error_reporting() and var_dump(). 6. Optimize PHP code to use caching mechanisms, optimize database queries and use built-in functions. 7

The Future of PHP: Adaptations and Innovations The Future of PHP: Adaptations and Innovations Apr 11, 2025 am 12:01 AM

The future of PHP will be achieved by adapting to new technology trends and introducing innovative features: 1) Adapting to cloud computing, containerization and microservice architectures, supporting Docker and Kubernetes; 2) introducing JIT compilers and enumeration types to improve performance and data processing efficiency; 3) Continuously optimize performance and promote best practices.

PHP vs. Python: Understanding the Differences PHP vs. Python: Understanding the Differences Apr 11, 2025 am 12:15 AM

PHP and Python each have their own advantages, and the choice should be based on project requirements. 1.PHP is suitable for web development, with simple syntax and high execution efficiency. 2. Python is suitable for data science and machine learning, with concise syntax and rich libraries.

PHP's Current Status: A Look at Web Development Trends PHP's Current Status: A Look at Web Development Trends Apr 13, 2025 am 12:20 AM

PHP remains important in modern web development, especially in content management and e-commerce platforms. 1) PHP has a rich ecosystem and strong framework support, such as Laravel and Symfony. 2) Performance optimization can be achieved through OPcache and Nginx. 3) PHP8.0 introduces JIT compiler to improve performance. 4) Cloud-native applications are deployed through Docker and Kubernetes to improve flexibility and scalability.

PHP's Purpose: Building Dynamic Websites PHP's Purpose: Building Dynamic Websites Apr 15, 2025 am 12:18 AM

PHP is used to build dynamic websites, and its core functions include: 1. Generate dynamic content and generate web pages in real time by connecting with the database; 2. Process user interaction and form submissions, verify inputs and respond to operations; 3. Manage sessions and user authentication to provide a personalized experience; 4. Optimize performance and follow best practices to improve website efficiency and security.

PHP vs. Other Languages: A Comparison PHP vs. Other Languages: A Comparison Apr 13, 2025 am 12:19 AM

PHP is suitable for web development, especially in rapid development and processing dynamic content, but is not good at data science and enterprise-level applications. Compared with Python, PHP has more advantages in web development, but is not as good as Python in the field of data science; compared with Java, PHP performs worse in enterprise-level applications, but is more flexible in web development; compared with JavaScript, PHP is more concise in back-end development, but is not as good as JavaScript in front-end development.

See all articles