题主可以用一个大的div包含两个小的div
<style>#left{
border-right: 1px solid #000
}
</style>
<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>
<div style="width:150pxheight:150pxfloat:leftbackground:#f00"></div><div style="width:1pxheight:150pxfloat:leftbackground:#000margin-left:10pxmargin-right:10px"></div>
<div style="width:150pxheight:150pxfloat:leftbackground:#0f0"></div>
可以通过建立一个1PX宽度的DIV来做为竖线，，但是这种写法，兼容性不太好，一些旧浏览器容易出现默认最小宽度。
还有一个办法是，也是这样三个DIV布局，中间的宽度可以设置大一些，通过BORDER-LEFT,或者RIGHT，来建立一边边框做为竖线，然后，左边或者右边的DIV，通过MARGIN，padding的-值来减消中间DIV的宽度就可以了。
可以自己尝试一下。
想用它来划竖线，一般可以直接使用html代码实现或借助css代码来实现都可以。
方案一:<html>、<body>、<p>hr 标签定义水平线：</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、<hr />、<p>这是段落。</p>、</body>、</html>
方案二:<!DOCTYPE html>、<html>、<head>、<meta charset="UTF-8">：<title>float</title、</head>、<div id="div1"></div>、<style>、#div1{、width: 500px、border-bottom: 1px solid red、}、</style>、</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）