DIV+CSS布局问题_html/css_WEB-ITnose
程序员文章站
2023-12-24 14:30:57
...
页面上有一个大的div,这个大的div里面有3个小的div,第一个div左对齐,第三个div右对齐,第二个(也就是中间的)div居中对齐,这个怎么来实现啊?左边div和右边div的宽度和高度都是固定的,关键是的中间那个div,宽度不固定。
前提条件是:大的div宽度不固定width:100%;
也就是下面这张图片,左边的返回图片左对齐,右边的3个点右对齐,中间的那“积分中心”居中对齐,用3个div来实现, 左右2个div宽度都固定的,分别是左右悬浮的,中间那个div怎么办?怎么居中?
前提条件是:大的div宽度不固定width:100%;
也就是下面这张图片,左边的返回图片左对齐,右边的3个点右对齐,中间的那“积分中心”居中对齐,用3个div来实现, 左右2个div宽度都固定的,分别是左右悬浮的,中间那个div怎么办?怎么居中?
回复讨论(解决方案)
中间div加个 margin:0 auto;
中间div加个 margin:0 auto;
不行的,因为3个小div要在同一行都加了个float:left;属性的,给中间的div再加个 margin:0 auto;没有用,如果去掉float:left属性,那就有用,但如果去掉了float:left,那3个div就不在同一行了
中间那个用大的div,两边的用绝对定位固定到两边
中间div加个 margin:0 auto;
不行的,因为3个小div要在同一行都加了个float:left;属性的,给中间的div再加个 margin:0 auto;没有用,如果去掉float:left属性,那就有用,但如果去掉了float:left,那3个div就不在同一行了
中间div加个 margin:0 auto;
不行的,因为3个小div要在同一行都加了个float:left;属性的,给中间的div再加个 margin:0 auto;没有用,如果去掉float:left属性,那就有用,但如果去掉了float:left,那3个div就不在同一行了
那就3楼说的那样绝对定位了 不用float
无标题文档 左侧右侧积分中心
左中右
你这个center最好加padding:0 60px;
要不然你center的内容会被左右的给遮住了
谢各位了,解决了
推荐阅读
-
问一个很简单的关于html代码的问题.标题要长!!!!!!!!_html/css_WEB-ITnose
-
使用了min-height后出现了问题_html/css_WEB-ITnose
-
div 位置的奇怪问题_html/css_WEB-ITnose
-
JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose
-
DIV+CSS三列式布局的实现方法_html/css_WEB-ITnose
-
nth-of-type在选择class的时候需要注意的一个小问题_html/css_WEB-ITnose
-
div+css总结?FF下div不设置…_html/css_WEB-ITnose
-
浏览器地址栏网址始终只显示主域名问题_html/css_WEB-ITnose
-
求高手,模仿百度页面,页面缩小之后为什么排版都变了,应该怎样布局才不会乱!_html/css_WEB-ITnose
-
IE8下jQuery改变png图片透明度时出现的黑边问题_html/css_WEB-ITnose