5个DIV并排在一行的一种方法

2024-07-11 08:39:25

字体：大中小

来源：转载

供稿：网友

<br /><html><br /><head><br /><title>一种5个DIV并排在一行的方法</title><br /><style type=”text/css”><br />#bottom {<br /> margin:0 auto;/*下边居是0 */<br /> width:300px;<br />}<br />#bottom div {<br /> width:60px;<br />}<br />#d1 {<br /> float:left;<br /> background:#f00;<br />}<br />#d2 {<br /> float:right;<br /> background:#0f0;<br />}<br />#d3 {<br /> float:right;<br /> background:#00f;<br />}<br />#d4 {<br /> float:right;<br /> background:#00f;<br />}<br />#d5 {<br /> float:right;<br /> background:#00f;<br />}<br /></style><br /></head><br /><body><br /><div id=”bottom”><br /><div id=”d3″>d3</div><br /><div id=”d1″>d1</div><br /><div id=”d2″>d2</div><br /><div id=”d4″>d4</div><br /><div id=”d5″>d5</div><br /></div><br /></body><br /></html><br />
提示：您可以先修改部分代码再运行

上一篇：IE与Firefox的CSS兼容大全推荐

下一篇：优化浏览器渲染避免CSS expressions