如何让一个 div 左右各空一定距离然后 div 占满剩下的宽度?
2014-04-28 15:25
483 查看
如何让一个 div 左右各空一定距离然后 div 占满剩下的宽度?
最开始想到的方法就是 div 宽度取 n%, style 设置 margin:auto。
但是这样有一个问题,一定距离是根据 n 的取值而来。
今天无意中发现一个方法就是 div 外层套一个 div 设置 style margin-left margin-right 指定的距离,不指定宽度,
里面的div 设置 width 100% 。
最开始想到的方法就是 div 宽度取 n%, style 设置 margin:auto。
但是这样有一个问题,一定距离是根据 n 的取值而来。
今天无意中发现一个方法就是 div 外层套一个 div 设置 style margin-left margin-right 指定的距离,不指定宽度,
里面的div 设置 width 100% 。
<div style="margin:0px 10px 10px 10px;border:1px solid red;"> <div style="width:100%; border:1px solid blue;">123</div> </div>
相关文章推荐
- DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度
- 如何设置一个div层的最小宽度或高度
- 一个div宽度不固定的左右居中效果
- DIV+CSS 让左右结构内容之间有一定距离
- [css]如何让一个元素div1的宽度由子元素的宽度决定,并超出父元素div0
- 负边距(negative margin)实现自适应的div左右排版(一个宽度固定一个宽度自适应)”
- 父元素为一个div,宽度高度不固定,子元素是一个块状元素,宽高已知,如何实现子元素在父元素内水平、垂直居中?
- DIV+CSS 让左右结构内容之间有一定距离
- 把一个图形沿它的几何中心(形心)方向偏移一定的距离d?? lisp 如何编程??
- CSS 布局实例系列(三)如何实现一个左右宽度固定,中间自适应的三列布局——也聊聊双飞翼
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- 左边DIV固定宽度,右边的DIV如何自适应填满剩下的屏幕宽度
- 如何让一个div中嵌套的div上下左右都居中
- 两个并列的div,一个确定宽度一个自动调整
- 如何让一个DIV水平,垂直方向都居中于浏览器?
- div内部div居中,对内部div设置宽度,再设css样式margin:0 auto(先上下边距,后左右边距)
- 利用jQuery的ajax得到的数据动态创建树,然后点击数节点,把对应的节点的节点信息赋值给某一个div,是上一篇的升级版
- hdu 3183 A Magic Lamp(给一个n位的数,从中删去m个数字,使得剩下的数字组成的数最小(顺序不能变),然后输出)
- 如何在一个div中定位另一个div
- 如何设置一个div的背景透明度