Heim >Web-Frontend >CSS-Tutorial >Links fest, rechts adaptiv
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!