抱歉,这个标题有点垃圾.我想不出怎样才能更好地描述这一点.

我正试图在我的网站上实现Google Friend Connect members小工具(刚刚加入该计划,并希望在不进行重大重新设计的情况下将其投入使用,至少是为了测试).

我的问题如下:

我有一个容器div,它的宽度是主页(正文)的90%.在其中,我向右浮动了一个div,并将其宽度设置为300px,然后将Google小工具放入其中.我想要的是能够有一个div来填充Google小工具div左侧剩余空间的95%.

我不知道是否有可能将px和%与div和width混合在一起.

我希望这是有意义的.

谢谢

推荐答案

它是.你要找的是半流畅的布局.任务最初是holy grail of CSS implementation.但正如您从该链接中看到的(他们正在做3列,2列已修复,但很容易更改),这是一个早就解决的问题=)

Css相关问答推荐

如何在CSS中使用nextJs来指定基色?

创建始终为剪辑元素的300%高度并左对齐的圆形剪辑路径

Next.js中的TailWind CSS类名称疑难解答

带高度的容器查询不工作,但可随宽度调整

Vue3 组合 api 中的对象值样式

我想在视频上使用混合混合模式的 svg

当父元素处于子元素 input 的焦点状态时更改父元素的样式

react 样式的条件类名称设置

如何禁用亚像素渲染或强制浏览器将属性舍入到最近的像素?

为什么标题中的特定 div 与 Odoo 13 中 PDF 中的页面重叠?

弹簧靴.一个文件捕获 CSS 其他没有

在样式化组件中使图像重叠

CSS,居中的 div,缩小以适应?

我应该避免使用text-align: justify;吗?

firefox overflow-y 不能使用嵌套的 flexbox

导航栏中的 Bootstrap 3.0 按钮

如何在渲染之前获取react 组件的大小(高度/宽度)?

隐藏在AngularJs中的可见性?

通过javascript删除或禁用浏览器的焦点边框

height: 100% 或 min-height: 100% 用于 html 和 body 元素?