在一个主要div中粘贴两个div

时间:2012-08-28 13:31:38

标签: html css-float

我知道,有很多线程涉及粘贴两个DIV,但我无法让它工作,可能是因为我有不同的DIV组成。

所以,这是我的代码:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
</head>

<body>


<div id="up" style="display: inline-block; width:750px; height: 30px; border:1px solid black;">

<div id="titlebar" style="width: 400px; height: 100%; float: left; border: 1px solid red";>
</div>

<div id="swBtn" style="width: 50px; height: 100%;  float: right; border: 1px solid blue;">
</div>

<div id="meta" style="width: 200px; height: 100%; float:right; border: 1px solid red;">
</div>

</div>


</body>
</html>

picture会支持你的想象力。 (1.))是此代码的产物,第二个(2.))是我希望它工作的方式

所以,你可以看到,我想把蓝色方块(swBtn div)粘贴到较小的红色方块(meta div)的左侧,但它应该以方式完成,即使div也会保持坚持id = meta会改变它的宽度。

也许这是微不足道的,但感谢您的回答!

0 个答案:

没有答案