两个div怎样横向排列?_html/css_WEB-ITnose
程序员文章站
2022-06-12 11:39:20
...
本帖最后由 whoamiwho 于 2013-03-24 21:07:55 编辑 怎么div2不是在第二行的最左边??
我的页面如下:
现在的效果是
div1 div1label
div2 div2label
我要的效果是:
div1 div1label
div2 div2label
请问怎么改??
这个地方是关键,一定要把上个div的float给clear,否则布局上很容易出现问题
效果如下:
只加了一行代码。用了float的元素是脱离于文档的,正式因为这样,才能实现浮动的效果;所以对于外框架的div来说,你必须再用一个拥有clear属性的元素把外部框架给撑起来,否则显示就可能会出现一项不到的问题
我的页面如下:
div1div2
现在的效果是
div1 div1label
div2 div2label
我要的效果是:
div1 div1label
div2 div2label
请问怎么改??
回复讨论(解决方案)
clear 属性定义了元素的哪边上不允许出现浮动元素,用clear
div2
出现这种情况,可能是这两个DIV的父元素太小。
出现这种情况,可能是这两个DIV的父元素太小。
楼主给出的片段没有问题的。应该给出完整代码。请逐级检查父元素。
div1div2
这个地方是关键,一定要把上个div的float给clear,否则布局上很容易出现问题
楼上正解,清除浮动,你也可以绝对定位
div1div2
效果如下:
只加了一行代码。用了float的元素是脱离于文档的,正式因为这样,才能实现浮动的效果;所以对于外框架的div来说,你必须再用一个拥有clear属性的元素把外部框架给撑起来,否则显示就可能会出现一项不到的问题
还有,建议楼主写代码注意下缩进,格式不好 有错误的话不管自己还是别人都很难发现
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
上一篇: PHP求小于1000的所有水仙花数
推荐阅读
-
关于两个div高度保持一致的(css+js)两种解决办法_html/css_WEB-ITnose
-
怎样控制DIV的线条显示效果?_html/css_WEB-ITnose
-
两个div怎样横向排列?_html/css_WEB-ITnose
-
两个div在一行_html/css_WEB-ITnose
-
两个div怎样横向排列?_html/css_WEB-ITnose
-
怎样把一个DIV放到另一个div右下角?_html/css_WEB-ITnose
-
css如何实现让两个div在同一行排列_html/css_WEB-ITnose
-
有一个页面从左到右分为三块,中间一块div高度是随着数据的增加而边长,怎样使左右2边的div也边长?_html/css_WEB-ITnose
-
html中子div用了浮动怎样让父div的大小自动撑开_html/css_WEB-ITnose
-
DIV 列表居中排列 并自适应屏幕宽度的CSS_html/css_WEB-ITnose