DIV+CSS3 两个DIV 我想让第一个div居中 然后第二个div紧挨着第一个DIV的右侧 谢谢各位的回答~
作者&投稿:汉甄 (若有异议请与网页底部的电邮联系)
第一个div属性设置居中显示。这样可能第二个div内容也居中显示。还有一个就是设置第二个div,margen属性为0,auto,自动居中。
有很多种实现方法,下面是用最简单的方法实现的,
思路,2个div用一个div包起来,然后让两个div浮动。然后给外面的父级进行定位。仅供参考。
* {margin:0px; padding:0px;}.box {position:absolute; top:50%; left:50%; width:200px; height:100px; margin-left:-50px; margin-top:-50px;}.div1 {width:100px; height:100px; background:#ccc; float:left;}
左右
<div style=" float:left; bored:1px solid #333; width:200px; "></div>
<div style=" float:left; bored:1px solid #F00; width:200px; "></div>
左中右
<div style=" float:left; bored:1px solid #00F; width:200px; "></div>
<div style=" float:left; bored:1px solid #333; width:200px; "></div>
<div style=" float:left; bored:1px solid #F00; width:200px; "></div>
第一个div用margin:0 auto;来居中,第二个DIV用绝对定位来处理,这样就是紧紧的挨着了
<div style="position:relative;width:100px;height:100px;background:red;margin:0 auto;">
第一个div
<div style="position:absolute;top:0;right:-100px;width:100px;height:100px;background:green;">
第二个div
</div>
</div>
都绝对定位呗
颛诗盖诺: 第一个div用margin:0 auto;来居中,第二个DIV用绝对定位来处理,这样就是紧紧的挨着了
舟山市18576611672: DIV+CSS布局问题,让两个DIV标签并排 - ?
颛诗盖诺: 假设 apDiv1是外面的层,apDiv2,apDiv3是里面的,给apDiv2,apDiv3 设置浮动为左就可以了,还有当apDiv2的宽度加上apDiv3的宽度大于apDiv1的宽度是,apDiv3会跑到apDiv2下面,这时可以改它们的宽度.#apDiv1 { position:absolute; left:...
舟山市18576611672: css+div布局,左右两个div怎么能自动适应高度 - ?
颛诗盖诺: 可以通过js实现两个div自适应同等高度,如下:先设置div+css 基本布局: <div id="mm"> <div id="mm1">左边</div> <div id="mm2">右边</div> </div>js 实现 div 自适应高度代码如下: <script type="text/javascript"> <!-- window....
舟山市18576611672: DIV+CSS布局入门级问题,两个div并排,怎么弄啊 - ?
颛诗盖诺: 这样加上合适的宽度就行了:<header style=""> <div style="float:left;"><h1 style="float:left;display: inline;">标题</h1></div><div style="float:left;"></div></header> H1也需要加上浮动属性,还有用display: inline;去掉占一行的默认属性.
舟山市18576611672: css排版要是两个div标签在同一水平高度,但是分列左右怎么弄?(在DW中) - ?
颛诗盖诺: 一个固定宽度的父层,然后里面有2个DIV,给这2个DIV一个float:left;的样式就OK了,但是父层的宽度一定不小于这两个DIV的宽度之和
舟山市18576611672: DIV+CSS 如何让左右两个DIV的高度一致? - ?
颛诗盖诺: 最经典的两列自适应高度CSS代码,IE5、6、7,FF下测试通过.希望对你有用:body{ padding: 0; margin: 0; color:#333/*#0d7206*/; font-size: 14.7px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: center; background:url(body...
舟山市18576611672: css 如何实现两个div占满全屏 - ?
颛诗盖诺: 一个都可以了设置宽100%,高100%;两个可以分开:两个div都设置宽100%,高50%或者宽50%,高100%不过要加个左对齐
舟山市18576611672: dreamweaver中如何把两个DIV并在一起并且居中 - ?
颛诗盖诺: 用另一个div包起来,然后将最外层的div设置成居中即可.最外层的div的宽度要设置成里面两个div之和,然后给最外层的div加上margin:0 auto;即可.更多知识交流可以加984841227 加时注明div+css
舟山市18576611672: CSS+DIV两个DIV并列且有5PX空隙,怎么做? - ?
颛诗盖诺: <style type="text/css"><!--#div1 { height: 500px; width: 500px; }#div2 { height: 300px; width: 450px; margin-top: 0px; }#div3 { height: 100px; width: 450px; margin-top: 5px; }--></style> 这个是三个div的css样式,写到head里面 然后在body里面分别...
舟山市18576611672: 用CSS+DIV写两个并列的div,这两个div处在一个div内,并且左边宽固定,右边宽能填充剩余的空白部分??
颛诗盖诺: <div> <div class="left"></div><!--左边层,浮动,靠左(float:left)--> <div class="right"></div><!--右边层,浮动,靠右(float:right)通常宽度由直接固定,如果要动态,可以考虑用Js计算--> <div class="clear"></div><!--空层,清除浮动--> </div>