首页 相关文章 小经验大作用 用CSS解决布局难题

小经验大作用 用CSS解决布局难题

  1.在一个div内嵌套两个div.

div id="1"
div id="2"/div
div id="3"/div
/div

css
#1 { width:100%;background:blue;}
#2 { width:100%;background:red;}
#3 { width:100%;background:green;}

  当div2,3里面没有异常的内容的时候,显示一切正常,但是当Div3里放一个超过屏幕宽度的图片时,div1会自动扩展,但是div2不会。这就使得显示很难看。如果用表格,div2和div3分别是两个tr,那么不存在这个问题。

  这个问题怎么解决?

  2. 左中右三个div

div id="left "/div
div id="right "/div
div id="center "/div

css
#left {float:left; position:relative; width:200px; left:0px;background: red;}
#right {float:right; ...[ 查看全文 ]

2016-02-19 标签:

小经验大作用 用CSS解决布局难题的相关文章

手机页面
收藏网站 回到头部