In diesem Artikel werden hauptsächlich die beiden Implementierungsmethoden der festen linken Seite und der adaptiven rechten Seite vorgestellt. Ich glaube, dass es für jeden sehr hilfreich sein wird, das Webseiten-Layout zu erlernen.
Erste Methode:
<!DOCTYPE> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .one { position: absolute; height: 200px; width: 300px; background-color: blue; } .two { height: 200px; margin-left: 300px; background-color: red; } </style> </head> <body> <p class="one"></p> <p class="two">第一种方法</p> </body> </html>
Zweite Methode:
<!DOCTYPE> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .one { float:left; height: 200px; width: 300px; background-color: blue; } .two { overflow: auto; height: 200px; background-color: red; } </style> </head> <body> <p class="one"></p> <p class="two">第二种方法</p> </body> </html>
Weitere Artikel zum Thema „Linksseite fest“ und „Rechtsseite adaptiv“ finden Sie auf der chinesischen PHP-Website!