// IE10까지 호환
<style>
    .flex {
        display: flex;
    }
    .flex-item {
        overflow: hidden;
        flex: 1 1 auto;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .area {
        flex: 0 0 auto;
    }
</style>

<div class="flex">
    <div class="flex-item">안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요안녕하세요</div>
    <div class="area">하이</div>
</div>