各种对齐以及布局方式
CSS自适应布局
使用inline-block进行二栏布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>inline-block实现两列布局</title>
<style>
#main {
margin-right: 200px;
font-size: 0;
letter-spacing: -4px; /*消除inline-block元素之间因为写代码换行符产生的空隙*/
}
#main * {
font-size: 1rem;
letter-spacing: normal; /*恢复字体大小等*/
}
#left {
display: inline-block;
height: 200px;
width: 100%;
background: red;
}
#right {
display: inline-block;