DIV+CSS3 两个DIV 我想让第一个div居中 然后第二个div紧挨着第一个DIV的右侧 谢谢各位的回答~

作者&投稿:汉甄 (若有异议请与网页底部的电邮联系)
2个<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层是正行的就是最好不留空白
左右

<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>

都绝对定位呗


舟山市18576611672: DIV+CSS3 两个DIV 我想让第一个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内,并且左边宽固定,右边宽能填充剩余的空白部分?
颛诗盖诺: &lt;div&gt; &lt;div class="left"&gt;&lt;/div&gt;&lt;!--左边层,浮动,靠左(float:left)--&gt; &lt;div class="right"&gt;&lt;/div&gt;&lt;!--右边层,浮动,靠右(float:right)通常宽度由直接固定,如果要动态,可以考虑用Js计算--&gt; &lt;div class="clear"&gt;&lt;/div&gt;&lt;!--空层,清除浮动--&gt; &lt;/div&gt;

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网