我怎样才能让我的div保持原状？

Question

我在朋友的网站上工作：http://www.lauraradniecki.com我正在努力让简报栏与正文保持一致，即使浏览器正在调整大小。这样可以正常工作，如果你缩小尺寸，但是如果你上升，文本和订阅框之间的大小开始相互远离。我无法弄清楚如何解决这个问题

#inside {
margin-left: 11%;
max-width: 530px;
font-size: 100%;
float: left;
}

#insideright {
float: right;
margin-right: 12%;
}

#insideright .formsubmit {
margin: -1px 3px 1px 16px;
}

#subscribe {
background-color: #7EBFC5;
color: #fff;
padding: 30px 30px 40px;
height: 100% !important;
overflow: hidden;
}

很抱歉，如果这令人困惑 - 这是我第一次在这里发帖。

Answer 1

我会将简报栏文本放在与正文文本容器大小相同的容器中。然后设置左右边距与正文文本容器相同。

基本上你会在其内部制作一个较小版本的主要内容容器。

Answer 2

假设您的解释和代码内部样式应该是订阅ID ...

#inside {
margin-left: 11%;
max-width: 530px;
font-size: 100%;
left: 0px;
position: absolute;
}

#insideright {
right: 0px;
margin-right: 12%;
position: absolute;
}

#insideright .formsubmit {
background: #ccc;
position: absolute;
right: 0px;
}

#subscribe {
background-color: #7EBFC5;
color: #fff;
padding: 30px 30px 40px;
height: 100% !important;
overflow: hidden;
}