zoukankan      html  css  js  c++  java
  • 两列布局_左侧固定_右侧自适应

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>两列布局_左侧固定_右侧自适应</title>
    	<style type="text/css">
    		.left{
    			 200px;
    			height: 600px;
    			background-color: aqua;
    			float: left;
    		}
    		.main{
    			height: 600px;
    			background-color: #8B4513;
    			margin-left: 200px;
    		}
    	</style>
    </head>
    <body>
    	<h2>基本思路</h2>
    	<ol>
    		<li>右侧固定,并设置为右浮动</li>
    		<li>左侧主体部分设置一个右边距,它的宽度只要大于等于左侧的宽度就可以</li>
    	</ol>
    	<!-- DOM -->
    	<div class="left">左侧</div>
    	<div class="main">主体</div>
    </body>
    </html>
  • 相关阅读:
    CentOS7- 配置阿里镜像源
    MySQL学习笔记
    OSI&TCP/IP模型
    加密算法学习
    golang学习笔记
    Redis学习总结整理
    TCP
    HTTP/HTTPS
    HTTP2
    MVCC
  • 原文地址:https://www.cnblogs.com/webaction/p/14873354.html
Copyright © 2011-2022 走看看