作者:手机用户2502851955 | 来源:互联网 | 2023-01-09 02:00
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.clgl-13{ width:600px; margin:0 auto;}
.clgl-14{ background: #0000FF;float:left; width:200px; height:35px; padding-top:200px; line-height:35px; text-align:center; }
.clgl-16{ background: #99FF99;float:left; width:200px; height:35px; padding-top:200px; line-height:35px; text-align:center; }
.clgl-15{ background: #99FFFF;float:left; width:200px; height:35px; padding-top:200px; line-height:35px; text-align:center; }
style>
head>
<body>
<div class="clgl-13">
<div class="clgl-14">ddddddddiv>
<div class="clgl-16">ffffffdiv>
<div class="clgl-15">vvvvvvvvvvvdiv>
div>
body>
html>
效果如下:
右边一块掉落问题原因是css中,float:left;写成了float:right;导致的,左中右三块浮动全用float:left;即可。