다른 콘텐츠로도 저장 공간을 확보하기 위해 내 div를 얻는 방법

html, body {
    position:relative;
}
html {
	background-color:#FFF;
}
* {
    margin:0;
    padding:0;
    font-family:'Open Sans', sans-serif;
	font-weight:400;
	color:#333;
}
p, a, h1, h2, h3, h4,h5, h6, li, td, th, div,img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
p, h1, h2, h3, h4,h5, h6, li, td, th, div,img {
    cursor:default;
}
p, a, li, td, th, div {
    font-size:12px;
}
div.nav > ul li > p,
div.nav > ul li > a,
a {
    font-family:inherit;
	font-weight:inherit;
    font-size:inherit;
    text-decoration:none;
    color:inherit;
}

div.wrapper {
	width:510px;
	min-height:200px;
	height:auto;
	overflow:auto;
	position:relative;
	margin:auto auto;
}
	div.wrapper > div.con {
		width:250px;
		height:auto;
		overflow:auto;
		position:relative;
		float:left;
		margin-top:10px;
	}
	div.wrapper > div.con.odd {
		margin-right:10px;
	}
		div.wrapper > div.con > h1.title,
		div.wrapper > div.con > p.content {
			display:block;
			padding:5px 10px;
		}
		div.wrapper > div.con > h1.title {
			margin-bottom:20px;
			background-color:#000;
			font-weight:700;
			font-size:14px;
			text-transform:uppercase;
			color:#FFF;
		}
		div.wrapper > div.con > p.content {
			font-size:12px;
			text-align:center;
		}
		div.wrapper > div.con > div.opt {
			height:auto;
			overflow:auto;
			margin-top:20px;
			background-color:#000;
		}
			div.wrapper > div.con > div.opt > ul {
				height:auto;
				overflow:auto;
				list-style-type:none;
			}
				div.wrapper > div.con > div.opt > ul > li {
					display:inline-block;
					font-weight:700;
					font-size:10px;
					text-transform:uppercase;
					color:#FFF;
				}
					div.wrapper > div.con > div.opt > ul > li > a {
						display:block;
						padding:2px 5px;
					}
					div.wrapper > div.con > div.opt > ul > li > a:hover {
						color:rgba(255,255,255,0.75);
					}

    <div class="wrapper">
    	<div class="con odd">
        	<h1 class="title">
            	Aenean id nulla nibh. Nam.
            </h1>
            <p class="content">
            	Etiam vestibulum, ex vitae dapibus imperdiet, massa risus finibus ex, ut faucibus dolor ex eget mi. Praesent lectus diam, imperdiet eget gravida eget, pulvinar vitae dolor. Nam nunc lorem, cursus eget nisl in, pretium aliquet libero. Cum sociis cras amet.
            </p>
            <div class="opt">
            	<ul>
                	<li><a href="#">Perm Link</a></li>
                    <li><a href="#">Report</a></li>
                </ul>
            </div>
        </div>
        <div class="con">
        	<h1 class="title">
            	Aenean id nulla nibh. Nam.
            </h1>
            <p class="content">
            	Aenean convallis, felis ac luctus dictum, nisi risus convallis enim, ac condimentum quam mi ac dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis et sed.
            </p>
            <div class="opt">
            	<ul>
                	<li><a href="#">Perm Link</a></li>
                    <li><a href="#">Report</a></li>
                </ul>
            </div>
        </div>
        <div class="con odd">
        	<h1 class="title">
            	Aenean id nulla nibh. Nam.
            </h1>
            <p class="content">
            	Ut at suscipit sem. Mauris quis sollicitudin enim. Sed eu ante id massa vestibulum cursus. Phasellus mollis ullamcorper maximus. Curabitur eu fermentum arcu. Vestibulum placerat a dolor vel vulputate. Praesent leo lectus, vulputate posuere.
            </p>
            <div class="opt">
            	<ul>
                	<li><a href="#">Perm Link</a></li>
                    <li><a href="#">Report</a></li>
                </ul>
            </div>
        </div>
        <div class="con">
        	<h1 class="title">
            	Praesent aliquet leo ut lacus ornare, ac venenatis lacus gravida.
            </h1>
            <p class="content">
            	Pellentesque consequat sapien nec sapien volutpat iaculis. In at est dapibus, scelerisque purus sed.
            </p>
            <div class="opt">
            	<ul>
                	<li><a href="#">Perm Link</a></li>
                    <li><a href="#">Report</a></li>
                </ul>
            </div>
        </div>