<div class="wrapper">
<div id="time"><iframe src="" width="50%" height="250" align="left"></iframe></div>
<div id="tick2" width="10" align="left"></div>
<div id="todo"><iframe src="" width="40%" height="250" align="right"></iframe></div>
<div id="ago"><iframe src="" id="fr" width="100%" height="800"></iframe></div>
</div>
.wrapper{
display: flex;
flex-wrap: wrap;
}
#ago {
width: 100%;
}
UPD: для примера можно, но никогда не стилизуйте элементы прямо в разметке и по-возможности используйте class вместо id. Писать код в тэге script - не очень хорошая практика