absolute之后居中宽度自适应

position:absolute;之后居中宽度自适应，不用再设定宽度了

css代码如下：

.promptBox{display:none;border:1px solid #ccc;padding:0;position:absolute;top:240px;left:35px;right:35px;z-index:8;}

如图：

转载于:https://www.cnblogs.com/sunnywindycloudy/p/7388152.html

absolute之后居中宽度自适应相关推荐

html笔记（二）html4+css2.0（元素类型、css精灵、宽度自适应、BFC、浏览器相关概述、css统筹）
大标题小节一.元素类型 1. 元素分类 2. 置换和非置换元素 3. 元素类型转换二.css精灵三.宽高自适应 1. 宽度自适应 2. 高度自适应 3. 最小高度自适应 4. 高度塌陷及解决办 ...
css实现左侧宽度自适应，右侧固定宽度
页面布局中经常用会遇到左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应.总之就是一边固定宽度,一边自适应宽度. 一般固定宽度是导航栏,自适应宽度的是主体内容显示区. 所以要实现这种布局,就先 ...
html设置box设置长度自适应,CSS实现宽度自适应宽高16:9的矩形的示例
前面我们讲了怎么做一个自适应宽高1:1的正方形现在我们来讲讲做自适应16:9的矩形要怎么做第一步先计算高度,假设宽100%,那么高为h=9/16=56.25% 第二步利用之前所说设置padding ...
css实现右侧固定宽度，左侧宽度自适应
https://blog.csdn.net/qq_22889599/article/details/78414040 反过来也可以:左侧宽度固定,右侧自适应.不管是左是右,反正就是一边宽度固定,一边宽 ...
ElementUI el-table 在flex下的宽度自适应问题
BUG:在flex容器下面的一个flex:1的子容器里面写了个el-table用来展示列表数据,在做宽度自适应测试的时候发现该组件的宽度只会增加不会缩小. Debug:通过控制台发现组件生成的tabl ...
css实现3行2列居中高度自适应布局
1.CSS2盒模型自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落.列表.标题.图片以及层< ...
Css中实现一个盒子固定宽度，另一个盒子宽度自适应的方法
Css中实现一个盒子固定宽度,另一个盒子宽度自适应的方法网上方法很多,个人认为以下两种思想是最为常用的. 一种是让第一个盒子脱离文档流,第二个盒子离左边有一定距离. 第二种方法是使用flex布局,不 ...
左右侧边栏固定宽,中间宽度自适应
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
uniapp 视频图片切换，视频高度宽度自适应
uniapp 视频图片预览视频宽度自适应, 视频图片左右切换, 图片点击放大预览 <template><view class="container">& ...
网页左侧固定宽度，右侧内容宽度自适应
网页左侧固定宽度,右侧内容宽度自适应废话不多,先上代码: css代码 <style type="text/css">*{margin: 0;padding: 0;}. ...

absolute之后居中宽度自适应

absolute之后居中宽度自适应相关推荐

最新文章

热门文章