Html+Css实现三栏布局响应式

2024年1月23日 157次阅读 来源: QiuRiMangCao 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>宽度自适应布局</title>
<style> body,div { margin:0; padding:0; } div { height:500px; color:#F00; } .left { float:left; width:100px; background:#00f; _margin-right:-3px; } .right { float:right; width:100px; background:#0f0; _margin-left:-3px; } .center { background:#333; margin:0 100px; _margin:0 97px; } </style>
</head>
<body>
    <div class="left">我是left</div>
    <div class="right">我是right</div>
    <div class="center">我是center</div>
</body>
</html>
    原文作者：QiuRiMangCao
    原文地址: https://blog.csdn.net/qq_26334813/article/details/53544678
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞