81,114
社区成员
发帖
与我相关
我的任务
分享jsp中css 浮动的问题
最近做一个jsp网站 用div+css 布局， 可是浮动出了点问题，框架就是下面这样
就是一行2列（left 和 right） 右边(right)分成上下两部分(top bottom)
<div id="main">
<div id="left"> </div>
<div id="right">
<div id="top"> </div>
<div id="bottom"> </div>
</div>
</div>
用纯html写了实验一下一切显示正常，把后缀改成.jsp 再显示布局就变成一列了呢 ?全部都是上下布局了
谢谢啊
就是一行2列（left 和 right） 右边(right)分成上下两部分(top bottom)
<div id="main">
<div id="left"> </div>
<div id="right">
<div id="top"> </div>
<div id="bottom"> </div>
</div>
</div>
用纯html写了实验一下一切显示正常，把后缀改成.jsp 再显示布局就变成一列了呢 ?全部都是上下布局了
谢谢啊
...全文
请发表友善的回复…
发表回复
dinglinhu 2008-07-04
- 打赏
- 举报
[Quote=引用 4 楼 net_lover 的回复:]
看看生成的结果有啥不同，一般是缺少
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
或者没有写在第一行上
[/Quote]
同意这个观点，千万不要小看它，特别是你使用div的时候。
如果不加上这个div会变成莫名其妙的样式。
看看生成的结果有啥不同，一般是缺少
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
或者没有写在第一行上
[/Quote]
同意这个观点，千万不要小看它，特别是你使用div的时候。
如果不加上这个div会变成莫名其妙的样式。
qinping20070925_dn 2008-07-04
- 打赏
- 举报
默认情况下每个div就是一行。
支持1楼的说法。要想换行的话需要调整下布局.
以下是我测试过的代码。希望对你有所帮助。
<div id= "main ">
<div id= "left " style="float:left; "> aaaa </div>
<div id= "right " style="float:right;">
<div id= "top " > bbbb </div>
<div id= "bottom "> ccc </div>
</div>
</div>
支持1楼的说法。要想换行的话需要调整下布局.
以下是我测试过的代码。希望对你有所帮助。
<div id= "main ">
<div id= "left " style="float:left; "> aaaa </div>
<div id= "right " style="float:right;">
<div id= "top " > bbbb </div>
<div id= "bottom "> ccc </div>
</div>
</div>
孟子E章 2008-07-04
- 打赏
- 举报
看看生成的结果有啥不同，一般是缺少
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
或者没有写在第一行上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
或者没有写在第一行上
www203 2008-07-04
- 打赏
- 举报
你比较一下你jsp生成的代码和hrml是不是一样的
全粘架构师 2008-07-03
- 打赏
- 举报
默认div是上下排列的，你要改的话要调整float熟悉
#left{
float:left;
}
#right{
float:right;
}
#cleanFloat{
CLEAR: both;
}
你用完float的之后建一个<div id="cleanFloat" />
把左右排列清除
#left{
float:left;
}
#right{
float:right;
}
#cleanFloat{
CLEAR: both;
}
你用完float的之后建一个<div id="cleanFloat" />
把左右排列清除
