求一CSS.实现效果：动态宽度DIV内有3个DIV[div1,div2,div3]，已确定DIV1，DIV3的宽度. 设置其余为DIV2宽度.
<divid="div"style="width:100%;"><divid="div"style="width:100px;"><divid="div"style="w...
<div id="div" style="width:100%;">
<div id="div" style="width:100px;">
<div id="div" style="width:------;">
<div id="div" style="width:100px;">
</div>
DIV-------------------------------------------------------------------------------------------
|--DIV1宽度--|---------------------DIV2宽度------------------------|--DIV3宽度--|
需兼容所有浏览器 展开
<div id="div" style="width:100px;">
<div id="div" style="width:------;">
<div id="div" style="width:100px;">
</div>
DIV-------------------------------------------------------------------------------------------
|--DIV1宽度--|---------------------DIV2宽度------------------------|--DIV3宽度--|
需兼容所有浏览器 展开
3个回答
展开全部
只需要给div2属性｛width:100%; margin-right:-200px;｝
-200=div1宽度+div2宽度
希望能帮助到你
下面是演示代码
<!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>
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
.box{ width:100%;text-align:center;}
#div1{ width:100px; float:left; background:#ccc;}
#div3{ width:100px; float:right; background:#F00; }
#div2{ width:100%; float:left; margin-right:-200px; background:#0C3;}
</style>
</head>
<body>
<div class="box">
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</div>
</body>
</html>
-200=div1宽度+div2宽度
希望能帮助到你
下面是演示代码
<!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>
<title>无标题文档</title>
<style>
*{ margin:0px; padding:0px;}
.box{ width:100%;text-align:center;}
#div1{ width:100px; float:left; background:#ccc;}
#div3{ width:100px; float:right; background:#F00; }
#div2{ width:100%; float:left; margin-right:-200px; background:#0C3;}
</style>
</head>
<body>
<div class="box">
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你说的是自适应吧你把中间的DIV设置为width:auto;ID在CSS中是唯一的不能有多个ID名字一样，你可以换用CLASS或者把ID重命名
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!html>
<body>
<div id="div1" style="width:100%;">
<div id="div2" style="width:100px;float:left;">1</div>
<div id="div3" style="float:left;">2</div>
<div id="div4" style="width:100px;float:right;">3</div>
</div>
</body>
</html>
元素的id要保持唯一性
<body>
<div id="div1" style="width:100%;">
<div id="div2" style="width:100px;float:left;">1</div>
<div id="div3" style="float:left;">2</div>
<div id="div4" style="width:100px;float:right;">3</div>
</div>
</body>
</html>
元素的id要保持唯一性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
